لماذا ready مشطوب عليها في شفرة JS

هل يمكنك أن ترفق مجلد المشروع كامل مضغوط حتى أتمكن من مساعدتك؟

مرحباً عبد الواحد 
يبدو أنك تستخدم نُسخة حديثة من مكتبة jQuery و في النُسخ الحديثة من المكتبة أي من 3.0 فما فوق الطريقة الوحيدة التي يُنصح بإستخدامها هي: 

$(function() {
  // Handler for .ready() called.
});

لذلك تجد أن الطريقة التي تستخدمها مشطوبة اي لا يُنصح بها أو مُهملة و سيتم حذفها مُستقبلاً.

توجد أيضاً هذه الطريقة مذكورة في التوثيق الرسمي للمكتبة:

$.when( $.ready ).then(function() {
  // Document is ready.
});

يُمكنك أيضاً إستخدام vanilla JavaScript لعمل نفس الشيء بهذا الشكل:

document.addEventListener("DOMContentLoaded", function() {
  // code...
});

فهي الموافقة لها في js كما أود أن أشير إلى أن الخطأ الذي تُواجهه يُمكن أن يكون بسبب آخر لذلك أنصحك بطرح إستفسارك تحت الدرس المُخصص لأن هذا القسم للأسئلة العامة.

بالتوفيق.

الشطب الموجود على الدالة او الميثود ready لا تعني انها السبب في عدم عمل الكود, معناها أن هذه الدالة سيتم إزالتها في الإصدارات القادمة من نفس اللغة ويفضل عدم استخدامها وإيجاد بديل لها في حال كنت تطور مشروعا للمستقبل.
ولكن عن الإطلاع على الصفحة الرسمية للjQuery نجد أنه لا تزال تستخدم ولا يوجد ذكر عن إزالتها لذا فهي لا تزال تعمل ويمكنك الإطلاع عليها من هنا https://api.jquery.com/ready/#ready-handler

ويمكنك ايضا الاطلاع على ما تم إزالته من https://api.jquery.com/category/deprecated/