jQuery hide() 不隐藏 div

Question

我的问题是这里的 jsfiddle:

http://jsfiddle.net/luisfalcon/wPEhW/

基本上，如果您尝试关闭窗口，它不会这样做。

如果我删除 js 的 show() 部分，它将关闭它!

$(document).ready(function () {
    $("#printer").click(function () {
        $("#printerMenu").show();
    });
    $("#printerMenuClose").click(function () {
        $("#printerMenu").hide();
    });
});

有些东西告诉我这是一个非常简单的修复，但我找不到答案!

提前致谢

Answer 1

printerMenuClose 单击事件冒泡并再次显示 printerMenu。要隐藏它，请停止事件传播。

这应该可行

$(document).ready(function () {
    $("#printer").click(function () {
        $("#printerMenu").show();
    });
    $("#printerMenuClose").click(function (e) {
        $("#printerMenu").hide();
        e.stopPropagation();
    });
});

fiddle here

您还可以阅读有关事件传播的更多信息:

http://api.jquery.com/event.stoppropagation/