Button 一个按钮的多个弹出框

我正在使用Twitter引导创建一些popover。 是否可以将两个弹出框与一个按钮匹配，并通过单击按钮同时调用这两个按钮

一个按钮两个弹出框

看起来很难，但是

通过单击按钮同时调用这两个

好的

试一试

• 用一个元素环绕按钮或在按钮旁边放置一个“空白”元素
• 然后在同一个按钮上调用元素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>

Double
$（文档）.ready（函数（）{
$（“#我的按钮”）。单击（函数（）{
$（这个）({
标题：“Popover 1”，
内容：“Popover 1.”，
是的，
触发器：“手动”，
位置：“底部”
}).popover（“切换”）；
$（“#popover 1span”）.popover({
标题：“Popover 2”，
内容：“Popover 2.”，
是的，
触发器：“手动”，
位置：“顶部”
}).popover（“切换”）；
$（“#popover 2span”）.popover({
标题：“Popover 3”，
内容：“Popover 3.”，
是的，
触发器：“手动”，
位置：“对”
}).popover（“切换”）；
});
});

一个按钮两个弹出框

看起来很难，但是

通过单击按钮同时调用这两个

好的

试一试

• 用一个元素环绕按钮或在按钮旁边放置一个“空白”元素
• 然后在同一个按钮上调用元素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>

Double
$（文档）.ready（函数（）{
$（“#我的按钮”）。单击（函数（）{
$（这个）({
标题：“Popover 1”，
内容：“Popover 1.”，
是的，
触发器：“手动”，
位置：“底部”
}).popover（“切换”）；
$（“#popover 1span”）.popover({
标题：“Popover 2”，
内容：“Popover 2.”，
是的，
触发器：“手动”，
位置：“顶部”
}).popover（“切换”）；
$（“#popover 2span”）.popover({
标题：“Popover 3”，
内容：“Popover 3.”，
是的，
触发器：“手动”，
位置：“对”
}).popover（“切换”）；
});
});