单击正文中任意位置时隐藏的 JavaScript

Question

任何人都可以帮助我在单击正文中的任意位置时隐藏菜单。 这是与以下相同的链接 enter link description here

现在，当我们单击顶部按钮图标时，菜单会打开，是否可以在每次单击按钮并打开特定 div 时打开菜单。

< script >
  <!-- ToolTip -->
  $(function() {
    $('.ui-323 ul.ui-nav > li').tooltip();
  });

$(document).ready(function() {
  $(".ui-323 ul.ui-nav > li > a.ui-bar").click(function(e) {
    e.preventDefault();
    if (!($(this).parents(".ui-323").hasClass("active"))) {
      $(this).parents(".ui-323").addClass("active"); //Add Class Active
    } else {
      $(this).parents(".ui-323").removeClass("active"); //Remove Class Active
    }
  });
});


< /script>

Answer 1

怎么样:

$(".ui-nav").on("click", "a", null, function () {
  $('.ui-323').toggleClass('active')
});

当主菜单( ui-nav )时，它会切换事件类。更多关于jQuery-on和 jQuery-toggleClass