jquery - 带有弹出框的推特引导模式

Question

我正在尝试在模态中显示一个弹出框，一切正常，直到我开始使用show模态中的事件。

弹出窗口打开的所有时间，show都会触发来自模态的事件，这里是现场演示

我错过了什么？

// this will open a popover
$("#show-pop-over").on("click", function(){
    var popover = "<div class='popover-content-wrapper' style='display: none;'><a href='#'>Hello ya!</a></div>";
    $("body").append(popover);
    $(this).popover({
        html: true,
        placement: "top",
        title: "Title",
        content: function () {
            return $('.popover-content-wrapper').html();
        }
    }).popover("show");
});

// should fire when modal only
$("body").on("show", "#myModal", function(){
    alert('modal on show event');
});

Answer 1

据我所知，popover 的 show 事件是从#myModaldiv 传播的，所以事件处理程序：

// should fire when modal only
$("body").on("show", "#myModal", function(){
    alert('modal on show event');
});

射击正确。

作为一种解决方法，以下仅在显示模式时才会发出警报：

// should fire when modal only
$("body").on("show", "#myModal", function(e){
    if ($(e.target).hasClass("modal")) {
       alert('modal on show event');
    }
});