Question

以下是我用来显示popover的jquery代码。我想做的是当用户点击屏幕上的任意位置或任何<span id="close" class="pover"></span>时，它会隐藏当前打开的弹出窗口并显示用户点击的新弹出窗口。

正如您可以看到下面包含class="pover"的范围由以下jquery加速，请让我知道如何隐藏打开的弹出窗口并相应地显示一个新的

目前，所有弹出框都会在点击事件中显示。

$(document).ready(function() {
    $('.pover').each(function() {
        //$('#close').popover( "hide" );
        $(this).popover({
            title: $(this).attr('abc'),
            content: $(this).attr('data-content'),
            delay: "show",
            trigger: "click"
        });
    });
});

Answer 1

找到了这个很棒的解决方案：

正是我想要做的。

https://github.com/lecar-red/bootstrapx-clickover

http://www.leecarmichael.com/bootstrapx-clickover/examples.html

隐藏twitter bootstrap popover

1 个答案: