رفتن به مطلب

شرط بستن منو با جیکوئری


پست های پیشنهاد شده

سلام

میخواستم شرطی اضافه کنم که اگر منو اکتیو بود و روی صفحه body کلیک شد منو بسته بشه

https://codepen.io/Alikhani98/pen/VzYvoZ

کد آخر را خودم اضافه کردم ولی عمل نکرد :

//بعد از کلیک خارج از صفحه منو بسته میشود

    $('html').click(function() {
   
        menu.classList.remove('menu_sadegh--active');
        menuList.classList.remove('menu__list--active');
        brand.classList.remove('menu__brand--active');
        burger.classList.remove('burger--close');
        for (var i = 0, ii = menuItems.length; i < ii; i++) {
          menuItems[i].classList.remove('menu__item--active');
        }
});

 

لینک به ارسال
در 19 دقیقه قبل، alikhani98 گفته است :

سلام

میخواستم شرطی اضافه کنم که اگر منو اکتیو بود و روی صفحه body کلیک شد منو بسته بشه


https://codepen.io/Alikhani98/pen/VzYvoZ

کد آخر را خودم اضافه کردم ولی عمل نکرد :


//بعد از کلیک خارج از صفحه منو بسته میشود

    $('html').click(function() {
   
        menu.classList.remove('menu_sadegh--active');
        menuList.classList.remove('menu__list--active');
        brand.classList.remove('menu__brand--active');
        burger.classList.remove('burger--close');
        for (var i = 0, ii = menuItems.length; i < ii; i++) {
          menuItems[i].classList.remove('menu__item--active');
        }
});

 

این یک نمونه کد :

http://jsfiddle.net/austinnoronha/k2Lwj/

لینک به ارسال
در 19 ساعت قبل، alikhani98 گفته است :

ممنون

ولی اگر دستور مربوط به کد خودم را لطف کنید درست کنید ممنون میشم

   //بعد از کلیک خارج از صفحه منو بسته میشود
$("html, body").click(function(e) {
    if ($(e.target).hasClass('burger')) {
        return false;
    }
    if ( $('.menu_sadegh' ).hasClass( "menu_sadegh--active" ) ) {        
   $('.menu_sadegh').removeClass('menu_sadegh--active');
 }
    active = true;
});

 

لینک به ارسال
در 6 ساعت قبل، Mirrajabi گفته است :

   //بعد از کلیک خارج از صفحه منو بسته میشود
$("html, body").click(function(e) {
    if ($(e.target).hasClass('burger')) {
        return false;
    }
    if ( $('.menu_sadegh' ).hasClass( "menu_sadegh--active" ) ) {        
   $('.menu_sadegh').removeClass('menu_sadegh--active');
 }
    active = true;
});

 

ممنون ولی یکبار بیشتر کار نمیکنه !

منظورم اینه که موقعی که بیرون کلیک میکنم و بعد روی منو کلیک میکنم که باز بشه

اتفاق نمی افته

لینک به ارسال

https://jsfiddle.net/74LhujnL/12/

این کد تقریبا همون چیزی که می خواید. فقط مقدار داخل و استایل  مورد نظر باید بهش اضافه کنید.

ویرایش شده توسط Mirrajabi
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...