在jQuery中进行bootstrap-select的stopPropagation

Question

我有一个表格，当单击该行时会突出显示该行。 我将silvio的Bootstrap-select进一步放置在一行中，但是当我选择下拉菜单时，将执行该行的突出显示。 如何避免这种情况？

JSFiddle： http : //jsfiddle.net/xjmf8qqt/ （不确定为什么行高亮在这里不起作用，但在本地运行良好）

当我执行以下操作时，下拉列表中断：

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

Answer 1

    $( '#resultTable' ).delegate( 'tr', 'click', function ( e ) {
        if ( $( e.target ).is( 'tr' ) || $( e.target ).is( 'td' )) {
            $(this).toggleClass('warning');
            var checkbox = $(this).find('input[type=checkbox]');
            $(checkbox).prop("checked", !checkbox.prop("checked"));
        } else if($(e.target).is( ':checkbox' )) {
            $(e.target).closest('tr').toggleClass('warning');
        }else {
                console.log("select " +e.target);
        }
});

提琴一样。 您需要确保您的表中的所有事件都有一个事件处理程序。 因此，您需要检查发生单击事件的目标，因为您正在使用引导选择，因此可以单击范围或它创建的按钮。 如果没有单击，则突出显示该行。

编辑-更新小提琴 。 一切都在这里工作。