jquery - jquery阻止元素在点击时隐藏

Question

我有一个简单的函数，它插入一个动画“工作”图像，然后显示“完成！” POST 完成后。但是，我希望这一次发生在多个地方。

示例：http: //veretekk.com/developer/temp/

更多详细信息在上面的页面中进行了概述，但基本上 #dialog 元素在单击其中包含的按钮时隐藏。另外... jquery 使用.on而不是$(document).ready(function() {在加载 DOM 后，此内容可能会出现在我的网站上，因此需要始终可用。帮助！

Answer 1

我认为您的很多问题都在于您确定是否隐藏对话框的复杂方式。

与其尝试拦截每个文档点击并确定其目标，不如让 jQuery 处理细节：

$(document).on('click', function (event) {
    // If the document is clicked, hide the dialog
    $('#dialog').hide();
});

$(document).on('click', '#dialog', function (event) {
    // If the dialog is clicked, stop the propagation
    // of the click event to the document
    // The first handler will never be called
    event.stopPropagation();
});

简化演示：http: //jsfiddle.net/jtbowden/M93dZ/