在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);
        }
});

提琴一樣。 您需要確保您的表中的所有事件都有一個事件處理程序。 因此，您需要檢查發生單擊事件的目標，因為您正在使用引導選擇，因此可以單擊范圍或它創建的按鈕。 如果沒有單擊，則突出顯示該行。

編輯-更新小提琴 。 一切都在這里工作。