1

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

正如您在下面看到class="pover"的,下面的 jquery 正在弹出包含的 span 请告诉我如何隐藏打开的弹出窗口并相应地显示一个新的

目前,所有弹出框都显示在点击事件上。

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

1 回答 1

2

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

正是我想要做的。

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

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

于 2012-12-07T19:43:45.323 回答