اذهب إلى المحتوى

السؤال

نشر
/*.......Show Menu.......*/
const navMenu = document.getElementById('nav-menu'),
      navToggle = document.getElementById('nav-toggle'),
      navClose = document.getElementById('nav-close')

/*....... Menu Show.......*/
/* validate if constant exists */
if(navToggle){
  navToggle.addEventListener('click', () =>{
    navMenu.classList.add('show-menu')
  })
}

/*.......Menu Hidden.......*/
/*validate if constant exists*/
if(navClose){
  navClose.addEventListener('click', () =>{
    navMenu.classList.remove('show-menu')
  })
}

/*.......Remove Menu Mobile.......*/
const navLink = document.querySelectorAll('.nav_link')

function linkAction() {
  const navMenu = document.getElementById('nav-menu')
  //when we click on each nav_link, we remove the show-menu class
  navMenu.classList.remove('show-menu')
}
navLink.forEach(n => n.addEventListener('click', linkAction))

 

Recommended Posts

  • 0
نشر
بتاريخ 4 دقائق مضت قال Wael Aljamal:

أرجو توضيح السؤال، هل يوجد شيء لا يعمل بشكل جيد؟

نعم لدي في المشروع الحالي ازرار الـ navbar لا تعمل ، مع اختفاء الـtoggle فهل شفرة الجافا سكريبت يوجد بها مشكلة...؟ ، ولو شغاله ... ازاي أكتشف الخطأ..؟

مع العلم أنني راجعت الكود أكثر من مرة وللأسف موصلتش لحل.

  • 0
نشر
بتاريخ 18 دقائق مضت قال Mahmoud Taha5:

نعم لدي في المشروع الحالي ازرار الـ navbar لا تعمل ، مع اختفاء الـtoggle فهل شفرة الجافا سكريبت يوجد بها مشكلة...؟ ، ولو شغاله ... ازاي أكتشف الخطأ..؟

مع العلم أنني راجعت الكود أكثر من مرة وللأسف موصلتش لحل.

الموضوع متعلق بالصنف show-menu أرجو إرفاق ملف التنسيقات و هيكلية HTML

  • 0
نشر
بتاريخ 1 ساعة قال Mahmoud Taha5:

أفضلت، شكرا لك،

حاولت تشغيل الموقع وتعمل القائمة المنسدلة بشكل جيد، ولم ألاحظ مشكلة، حبذا لو تضع صورة تبين المشكلة

بعد الضغط على ||| تنزل القائمة الخاصة ب nav و يظهر X في حال الضغط عليه تختفي، 

لايوجد مشكلة في التنفيذ

  • 0
نشر

هو للأسف القائمة الجانبية مش شغاله ، وعلامة المؤشر "TOGGEL" مش بتظهر علي الازرار ، ومش بتظهر علي اللوجو ، والمشكلة في العرض علي التليفون او اللاب ، وممكن حضرتك تجرب المشروع كامل يكون أفضل ، انا بعته لحضرتك برايفت ، لان ممكن يكون السبب الرئيسي في المشكلة هي الانيميشن الافي الموقع.

6317ce20b0b04_Screenshot2022-09-07004746.png.82acb0c74d6054413073d0f1282f1208.png

6317ce21ac7d9_Screenshot2022-09-07004721.thumb.png.eeb58e1f89ea8536c3bf401dae8e7e80.png

الجزء دا الافيه المشكلة ، في جميع الأجهزة ، ارجو ان حضرتك تكون فهمت الذي اقصده.

  • 0
نشر
بتاريخ 7 دقائق مضت قال Mahmoud Taha5:

هو للأسف القائمة الجانبية مش شغاله

جربتها بنمط الهاتف وكانت تعمل. أما غي وضع الحاسب فتظهر العناصر بدون الأزرار.

ممكن هي مخفية بسبب media query.

  • لديك قيمة z-index مكتوبة بالخطأ l00 بدل 100
  • قم بعمل تعليق للشيفرات التي لاعلاقة لها بالمشكلة والتجريب بالشيفرات القليلة المتداهلة و يمكنك بذلك تحديد الخطأ

 

 

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...