0
我有一個使用標準Twitter Bootstrap javascript組件的下拉菜單觸發的彈出窗口。點擊由下拉觸發的彈出窗口時，如何防止下拉菜單隱藏？
你能幫我防止用戶點擊popover時關閉下拉菜單嗎？
這裏有一個小提琴：http://jsfiddle.net/EAdW5/
UX：
點擊下拉菜單按鈕
===>下拉菜單顯示點擊酥料餅的下拉項
===>酥料餅顯示點擊酥料餅
===>下拉菜單一個d popover消失了！ O no！我怎樣才能防止這一點？
我想要酥料餅和下拉保持，直到（一）外單擊下拉列表，並酥料餅，或（b）故意隱藏（點擊酥料餅的形式提交後，例如）。
HTML：
<div class="btn-group">
<button id="btnId" class="btn dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Regular Link 1</a></li>
<li><a href="#">Regular Link 2</a></li>
<li><a href="#" id="popoverId" class="popoverThis">Popover Link</a></li>
</ul>
</div>
<div class="hide" id="popover-custom-content">
<div class="form-inline">
<div class="control-group">
<textarea name="issue"></textarea>
</div>
<div class="control-group">
<button id="btnPopoverSubmitId" class="btn">Add</button>
<span class="close close-inline">Cancel</span>
</div>
</div>
</div>
JS：
$('#popoverId').popover({
html:true,
placement: 'right',
title: "Popover Title",
template: '<div id="popover-custom-content" class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
content: function() { return $('#popover-custom-content').html(); }
});