Question

我正在使用Twitter Bootstrap创建一些popover。有可能匹配，例如两个弹出窗口到一个按钮并通过单击按钮同时调用两个按钮？

Answer 1

两个弹出窗口到一个按钮

似乎很难。但是，

点击按钮
同时调用两个

没问题。

尝试

通过元素包围按钮或在按钮旁边放置一个“空白”元素。
然后在同一个按钮上调用元素popover。

代码

<span id="popover1Span"><button type="button" class="btn" id="myButton">Double</button></span>
<span id="popover2Span">&nbsp;</span>
<script type="text/javascript">
$(document).ready(function() {
    $("#myButton").click(function() {
            $(this).popover({
                title : "Popover 1",
                content : "Popover 1.",
                html : true,
                trigger : "manual",
                placement : "bottom"
            }).popover('toggle');
            $("#popover1Span").popover({
                title : "Popover 2",
                content : "Popover 2.",
                html : true,
                trigger : "manual",
                placement : "top"
            }).popover('toggle');
            $("#popover2Span").popover({
                title : "Popover 3",
                content : "Popover 3.",
                html : true,
                trigger : "manual",
                placement : "right"
            }).popover('toggle');
        });
    });
</script>

一个按钮的多个弹出窗口

1 个答案: