bootstrap下拉按鈕從其他按鈕觸發

Question

我試圖從另一個按鈕觸發下拉按鈕，似乎無法讓它工作。 jsfiddle

<button type="button" class="btn btn-primary" id="btnFilter">Action</button> 
<button type="button" id="btntest" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false" style="display:none;">Action <span class="caret"></span> 
</button> 

<ul class="dropdown-menu" role="menu"> 
    <li><a href="#">Action</a> 
    </li> 
    <li><a href="#">Another action</a> 
    </li> 
    <li><a href="#">Something else here</a> 
    </li> 
    <li class="divider"></li> 
    <li><a href="#">Separated link</a> 
    </li> 
</ul> 

JS

$(function(){ 
    $('#btnFilter').on('click', function(){ 
     $("#btntest").trigger('click'); 
    }); 
}); 

Answer 1

添加stopPropagation您按一下按鈕。

http://jsfiddle.net/cv19ou74/1/

在我的情況