كيف يمكنني الكشف عن أخطاء jquery؟

مرحبا عمر،

إن كنت مسجلا في الدورات، أرجو طرح السؤال أسفل الدرس الذي ظهرت فيه المشكلة،

وبشكل عام، أرجو مشاركة رسالة الخطأ (التي تظهر في console) مع ملفات المشروع كملنف مصغوط rar | zip (المجلد الأساسي/الجذر)

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

اختر منها console كما هو موضح في الدائرة الحمراء التي قمت برسمها
المشكلة ربما تكون بسبب أنك كتبت تابع بطريقة خاطئة أو هناك مشكلة في النسخة التي تستخدمها أو ربما لم تصل للعنصر بشكل صحيح وبالتالي لن تطبق عليه الfunctions, يمكنك معرفة ذلك من خلال console

ليس هناك مشكله في الكونسل لكن النتيجه المطلوبه لاتظهر في الموقع

بتاريخ 4 دقائق مضت قال Omar Abdelfattah2:

ليس هناك مشكله في الكونسل لكن النتيجه المطلوبه لاتظهر في الموقع

 

على الأغلب المشكلة في استهداف محدد CSS المطلوب class | id

كيف يمكنني حلها فتلك المشكله تتكر

بتاريخ الآن قال Omar Abdelfattah2:

كيف يمكنني حلها فتلك المشكله تتكر

أرجو إرفاق جزء الشيفرة الخاص ب HTML و شيفرة jQuery لنحلها و نقدم نصيحة مبنية على كيفية حل المشكلة

index.zip

بتاريخ 20 دقائق مضت قال Omar Abdelfattah2:

index.zip

حسنا قمت بتحميل المشروع، أرجو شرح المشكلة بطريقة واضحة وأين تظره و ماذا تريد أن يحدث..

بتاريخ 1 ساعة قال Omar Abdelfattah2:

index.zip

المشكلة انك تحاول تحديد عناصر غير موجود
لاحظ هذا الكود رجاء

$("#toggler").click(function(event) {
        $('#wrap').toggleClass('toggled');

        //إضافة طبقة سوداء
        var right = $('.sidebar').css("right");
        if (right == '0px') 
        {
            $('.sidebar').css({ 'right': '-17rem' });
            $('.layer').fadeOut();
        }
        else { 
            $('.sidebar').css({ 'right': '0' });
            $('.layer').fadeIn(); 
        }
    });

    $('.layer').click(function () {
        $('.sidebar').css({ 'right': '-17rem' });
        $('.layer').fadeOut();
    });

    $(".search-icon").click(function () {
        $(".search-input").slideToggle("slow"); 
    });

جميع العناصر التي تحاول الوصول اليها في هذا الكود غير موجودة في ملف index.html ولذلك لا يتم تنفيذ اي شيء 
حاول رجاء مراجعة الكود واضافة العناصر ثم حاول مجددا