Bootstrap 3选择框 - 仅在箭头上单击

Question

我正在使用Bootstrap Selectbox。出于某种原因，我必须在锚标签内使用selectpicker并限制点击整个按钮，并且只能在箭头上点击？单击下拉箭头，将显示列表。其他地方我必须忽略点击事件。

请查看FIDDLE

<a href="#">
    <select class="selectpicker" data-live-search="true">
        <option>Mustard</option>
        <option>Ketchup</option>
        <option>Relish</option>
        <option>Plain</option>
        <option>Steamed</option>
        <option>Toasted</option>
    </select>
</a>

$('.selectpicker').selectpicker();

Answer 1

您可以尝试添加此解决方法!!

<强> DEMO HERE

$('button.dropdown-toggle').on('click',function(e){
    if($(e.target).attr('class')!="caret")
    {
        e.stopPropagation();
    }
});