不同的下拉按钮在bootstrap中打开相同的菜单

Question

有可能吗？ 我尝试了以下代码，它的工作原理。但是，当按钮放在页面上的不同div时，菜单位于错误的位置。

<button class="btn btn-default" data-toggle="dropdown" data-target="#menu">Hello1</button>
<button class="btn btn-default" data-toggle="dropdown" data-target="#menu">Hello1</button>

<div class="dropdown">
  <ul class="dropdown-menu" role="menu" id="menu">
    <li>Hi</li>
  </ul>
</div>

http://jsfiddle.net/isherwood/mE62z/

Answer 1

它看起来不像Bootstrap。克隆可能有效：

http://jsfiddle.net/isherwood/mE62z/5

$('#menu').clone().attr('id','menu2').appendTo('body');
$('#menu2').addClass('pull-right');