javascript - jQuery 中 bootstrap-select 的 stopPropagation

Question

我有一个表格，当单击该行时会突出显示该行。我将 silvio moreto 的 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);
        }
});

Fiddle对于相同的。您需要确保表中的所有事件都有一个事件处理程序。因此，您需要检查发生单击事件的目标，因为您正在使用引导选择，您可以单击跨度或它创建的按钮。如果两者均未单击，则突出显示该行。

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