在jQuery中使用bootstrap-select的stopPropagation

时间:2015-05-10 10:30:07

标签: javascript jquery bootstrap-select

我有一个表,在单击行时突出显示该行。我连续放置了由silvio moreto进行的Bootstrap-select,但是当我选择下拉列表时,会执行行高亮显示。我怎么能避免这个?

JSFiddle:http://jsfiddle.net/xjmf8qqt/(不确定为什么行突出显示在这里不起作用,但它在本地运行良好)

当我执行以下操作时,下拉列表会中断:

$('.bootstrap-select').on('click', 'button', function(event) {
    event.stopPropagation();
});

1 个答案:

答案 0 :(得分:0)

"dnxcore50": { } 

Fiddle也是如此。您需要确保为表中的所有事件设置单个事件处理程序。因此,您需要检查发生click事件的目标,因为您正在使用bootstrap select,您可以单击它创建的范围或按钮。如果没有单击,则突出显示该行。

编辑 - 更新了fiddle。一切都在这里工作。