Question

我有移动用户的左侧菜单。它应该在点击img#mobile-menu

时打开

我写了这样的代码

(function() {
    $("#img#mobile-menu").removeClass("active");
    $("img#mobile-menu").toggleClass("active");
    if ($("img#mobile-menu").hasClass("active")) {
        $("#mobile-menu-sidebar").addClass("active");
    } else {
        $("#mobile-menu-sidebar").removeClass("active");
    }
}());

问题是当我打开/刷新页面时，两个元素#mobile-menu和#mobile-menu-sidebar已经有了活跃的课程，但他们不应该有它直到我点击img #mobile-menu

Answer 1

$("#mobile-menu").toggleClass("active");
$('#mobile-menu').click(function() {
  $("#mobile-menu").toggleClass("active");
  if ($("#mobile-menu").hasClass("active")) {
    $("#mobile-menu-sidebar").addClass("active");
    $('span').text("mobile-menu-sideba has active ")
  } else {
    $("#mobile-menu-sidebar").removeClass("active");
    $('span').text("mobile-menu-sideba has remove active ")
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='mobile-menu'>mobile-menu</button>
<span></span>

不要点击活动

Answer 2

让你的函数的第一行从两个元素中禁用/删除 - 激活：

$("#img#mobile-menu,#mobile-menu-sidebar").removeClass("active");

切换一个元素并将类添加到另一个元素jquery

2 个答案: