通过ESC和单击进行jQuery切换

我有这个简单的脚本

$(".showHide").click(function (e) {
    e.stopPropagation();
    jQuery(this).children('.showHide').toggle();
});

我不知道该怎么做 1） 如果存在ESC，则隐藏.modal 2） 如果用户在.modal内部外单击，则隐藏.modal

---

这应该可以解决问题

$(".showHide").click(function (e) {
    e.stopPropagation();
    $(".showHide").children('.showHide').toggle();
});

$(".modal-inside").click(function (e) {
    e.stopPropagation();
});

$(document).bind('keydown', function(e) { 
        if (e.which == 27) {
            $(".showHide").children('.showHide').hide();
        }
    });

编辑 我最近遇到了在v3中添加的引导模式。这正是你想要的。一个好的起点是和

例如，如果您希望使用esc键关闭模态，您只需执行以下操作：

var options = {
    "backdrop" : "static"
}

$('#id-of-modal').modal(options);

---

你想要什么，ESC是什么？绑定你的ESC键，这样当按下它时，就会调用javascrip。看这个绑定一个点击功能，就像你上面的一个绑定到你的div之外的文档来删除模式一样。你可以使用bootstrap模式这个链接到底应该是什么？它对我来说毫无意义/不起作用。请写下你应该在那里找到的东西。如果你理解代码有困难，请告诉我，我会发表一些评论