button - 一键多弹窗

Question

我正在使用 Twitter Bootstrap 创建一些弹出窗口。是否可以将例如两个弹出框匹配到一个按钮并通过单击按钮同时调用两者？

Answer 1

两个弹出框到一个按钮

似乎很难。但是，

通过单击按钮同时调用两者

会好的。

尝试

• 用一个元素包围按钮或在按钮旁边放置一个“空白”元素。
• 然后在同一个按钮上调用元素弹出框。

像这样的代码

<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>