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

我已经阅读了很多关于此的答案，但是这些都不是我真正需要的。我有一个div按钮，单击该按钮会显示一个称为div的#settingswindow。我想单击时将其关闭。

下面的代码可以做到这一点，但是当我单击#settingswindow div时，它也会关闭，这是不希望的效果。

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

谢谢你的帮助。

最佳答案

添加此行:

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

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