Bootstrap 3 选择框 - 只能在箭头上点击

Question

我正在使用引导选择框。出于某种原因，我必须在锚标记内使用 selectpicker 并限制单击整个按钮，并且只能在箭头上单击？单击下拉箭头时，列表将可见。其他地方我不得不忽略click事件。

请查看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();
    }
});