Question

我有一个用fadeToggle打开和关闭的菜单，这很好用。但我希望当用户点击菜单淡出的任何地方时，它可能只在单击菜单按钮时淡入。我试过这段代码

$(document).ready(function(){
 $( "body" ).click(function() {
   $( "#menubalk" ).fadeOut( "slow", function() {
   });
 });
});

但是当我点击菜单按钮时，它会在它出现后消失。有没有一个选项，我可以说$（＆＃34; Everyting除了＃menubutton＆＃34;）。点击或不存在这样的事情？或者有人有更好的选择吗？

亲切的问候，

工作

Answer 1

您可以在JQuery中使用not，如下所示：

$('body').not('#exceptID').click(function(){
      //rest of code
});

还有另一种方法：

$('body:not(#exceptID)').click(function(){
    //rest of code
});

Answer 2

使用Jquery的is method。

$(document).ready(function(){
 $( "body" ).click(function(evt) {
  if $(evt.target).is("#menubalk") {
    $( "#menubalk" ).fadeOut( "slow", function() {});
   }
 });
});

fadeToggle div是我的菜单

2 个答案: