javascript - 当我点击离开时隐藏 DIV

Question

我已经阅读了很多关于此的 SO 答案，但没有一个是我所需要的。我有一个 div 按钮，单击它会显示一个名为 #settingswindow 的 div。当我点击离开时，我希望能够关闭它。

下面的代码会执行此操作，但 #settingswindow div 在我单击它时也会关闭，这是一种不良影响。

// settings button
$(document).ready(function(){
  $("#settings").click(function(event){
    event.stopPropagation();
  $("#settingswindow").toggle();
 });});
$(function(){
$(document).click(function(){
    $('#settingswindow').hide();
});
});

感谢您的帮助。

Answer 1

添加这一行:

$("#settingswindow").click(function(e){
    e.stopPropagation();
});

http://jsfiddle.net/DerekL/N9cbk/