رفتن به مطلب

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

سلام

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


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