alikhani98

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

6 پست در این موضوع قرار دارد

سلام

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

 

0

به اشتراک گذاری این پست


لینک به پست
در 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/

0

به اشتراک گذاری این پست


لینک به پست

ممنون

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

0

به اشتراک گذاری این پست


لینک به پست
در 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;
});

 

1

به اشتراک گذاری این پست


لینک به پست
در 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;
});

 

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

ویرایش شده در توسط Mirrajabi
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری