2013-07-03 171 views
2

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

回答

2

2 popovers到一个单一的按钮

似乎通过点击按钮

将确定difficult.but,

电话都在同一时间。

尝试

  • 环绕按钮由元素或放一个“空白”元素旁边的按钮。
  • 然后在同一个按钮上调用元素弹出窗口。

类似的代码

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

这只是伟大的人! Thx太多了!它完美的作品! – skraby

+0

不客气,很高兴我帮了忙。 – Clxy