Javascript 在div外部单击时隐藏div

请看下面的代码：

当我单击客户支持时，将显示一个div

我想要的是，当有人点击退出div时，div应该隐藏，我尝试了一些方法，但它们似乎不起作用

$(document.body).one("click", function() {$(".cust-support-outer").hide();
});

此外：

非常感谢您的帮助

--Arnab

试试：

var mouse_is_inside = false; $(document).ready(function() { $('.cust-support-outer').hover(function(){ mouse_is_inside=true; }, function(){ mouse_is_inside=false; }); $("body").mouseup(function(){ if(! mouse_is_inside) $('.cust-support-outer').hide(); }); }); var mouse_is_inside=false； $（文档）.ready（函数（） { $（'.cust support outer'）.hover（函数（）{ 鼠标_在_内=真； }，函数（）{ 鼠标_在_内=false； }); $（“body”）.mouseup（函数（）{ 如果（！mouse_在内部）$（'.cust support outer'）.hide（）； }); }); 把这个绑在身上

$("body").click(function() {
    if ($(this).attr("class") == "cust-support-outer") {
        // inside
    } else {
        // not inside
    }
});

阿纳布 我在你的js中做了这个改变，并且工作了

试试这个，使用这个js代码

  $(function(){
    $(".csupport-drop").click(function(){
    $(".csupport-drop").addClass("active-drop-tab");
    $(".cust-support-outer").show();
      return false
    });

  $(document).bind("click", function(e) {  
    if(!$(e.target).hasClass("get-daily-alerts-outer")){
      $(".get-daily-alerts-outer").hide()
    }
  });

  $(".close").click(function(){$(".get-daily-alerts-outer").hide();
   return false
  });
  $(".get-deal-alerts").click(function(){$(".get-daily-alerts-outer").show();
   return false
  });
});

---

我刚刚更改了如何将“单击”事件绑定到文档，并将事件对象传递给函数，以便您可以检查单击事件触发的元素。

hi，这在代码中似乎有效，但在渲染中不起作用。。

  $(function(){
    $(".csupport-drop").click(function(){
    $(".csupport-drop").addClass("active-drop-tab");
    $(".cust-support-outer").show();
      return false
    });

  $(document).bind("click", function(e) {  
    if(!$(e.target).hasClass("get-daily-alerts-outer")){
      $(".get-daily-alerts-outer").hide()
    }
  });

  $(".close").click(function(){$(".get-daily-alerts-outer").hide();
   return false
  });
  $(".get-deal-alerts").click(function(){$(".get-daily-alerts-outer").show();
   return false
  });
});