آفلاین
user-avatar

مشکل جزئی در جیکوئری

2 سال پیش
توسط Alimotreb آپدیت شد
آفلاین
user-avatar
GHM ( 9395 تجربه )
2 سال پیش
تخصص : دولوپر نیمه‌استک

سلام. این کد برای منوی ریسپانسیو هست اما نمیدونم چرا بعضی مواقع خوب کار نمیکنه دوستانی که در جیکوئری مهارت دارن لطفا کد رو بررسی کنند مشکلش کجاست. ممنونم

$("#menu-toggle").click(function() {
    var menu = $(".navbar-collapse");
    var overlay = $(".overlay");
    if (!menu.hasClass("active-menu")) {
        menu.addClass("active-menu");
    }

    if (!overlay.hasClass("active")) {
        overlay.addClass("active");
        overlay.click(function() {
            $("#menu-toggle").trigger("click");
        });
        $("body").css("overflow", "hidden");
    }
    else {
        overlay.removeClass("active");
        menu.removeClass("active-menu");
        $("body").css("overflow", "");
    }
    return false;
});
آفلاین
user-avatar
Alimotreb ( 201272 تجربه )
2 سال پیش
تخصص : کانفیگ سرور و برنامه نویس

سلام
@GHM

کدتون رو اجرا کنید ، در سر برگ console در inspect element ببینید اروری دارید
بگذارید تا راهنمایی کنیم
بعید میدونم تو سینتکس مشکلی باشه

آفلاین
user-avatar
GHM ( 9395 تجربه )
2 سال پیش
تخصص : دولوپر نیمه‌استک

@Alimotreb سلام. هیچ خطایی نمیده متاسفانه
مشکلش اینه وقتی منو فعال میشه، بعضی وقتها با یک کلیک و بعضی وقتها با چند کلیک روی overlay منو بسته میشه

آفلاین
user-avatar
Alimotreb ( 201272 تجربه )
2 سال پیش
تخصص : کانفیگ سرور و برنامه نویس

سلام
@GHM

احتمال میدم از یه سری کلیک زیاد باشه هر کلیکی که میکنید صبر کنید به اندازه تاخیرش تا انجام شه
مرحله به مرحله به نظر من alert بگیرید خط به خط
تا ببینید کجای کد دقیقا مشکل داره ، به نحوی دیگه بنویسیدش

آفلاین
user-avatar
GHM ( 9395 تجربه )
2 سال پیش
تخصص : دولوپر نیمه‌استک

@Alimotreb کلا چهار خطش کردم :)
این چطوره؟

$("#menu-toggle").click(function() {
    $("body").toggleClass("menu-mobile");

    $(".overlay").click(function() {
        $("body").removeClass("menu-mobile");
    });
});
آفلاین
user-avatar
Alimotreb ( 201272 تجربه )
2 سال پیش
تخصص : کانفیگ سرور و برنامه نویس

سلام
@GHM

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

جی کوئری اصلا کارش همینه ، کد کمتر ، کارایی بیشتر!
موفق باشید

برای ارسال پاسخ باید وارد سایت شوید