حل مشكلة عدم تنفيذ الدالة fadeIn و fadeOut في jquery

يبدو أنك تستخدم نسخة slim من jquery وهي نسخة لا تحتوي على جميع الوظائف ومن ضمن الوظائف التي لا تمتلكها الوظيفتان fadeIn و fadeOut , لذلك تحتاج الى تغيير النسخة لتكون النسخة العادية , حاول التأكد من الكونسول الذي تستطيع الوصول اليه من المتصفح من خلال الضغط بزر الماوس الأيمن في اي مكان واختيار فحص العنصر أو inspect element , ثم تستيطع الذهاب الى console وغالبا سوف تجد الخطأ بانه لا يتعرف على الوظيفتان  fadeIn و fadeOut 
صورة توضح الكونسول

قد يكون سبب المشكلة هو عدم تهيئة المتحولات التي قمت بتعريفها حيث من الأفضل وضعها ضمن دالة ready أو مكافئها من جيكويري لنتأكد أنها تطبق بعد تحميل الصفحة.

$(function () {
	
  /// ننقل التعريف لداخل الدالة
  
  let project_card = $('.card-project');

  let card_img_overlay = $('.card-img-overlay');


  project_card.hover(function () {

    card_img_overlay.fadeIn(150)

  },

                     function () {

    card_img_overlay.fadeOut(150)

  });

});