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

[alikhani98 517]

سلام

میخواستم شرطی اضافه کنم که اگر منو اکتیو بود و روی صفحه 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');
        }
});

 

[Mirrajabi 455]

در 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/

[alikhani98 517]

ممنون

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

[Mirrajabi 455]

در 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;
});

 

[alikhani98 517]

در 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;
});

 

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

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

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

[Mirrajabi 455]

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

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

ویرایش شده مرداد 96 توسط Mirrajabi