點選 HTML 中的 Bootstrap 展開式選單會關閉


正如你所見,無論何時開啟展開式選單且點選其他任何位置,展開式選單都會關閉。 

使用下面給出的程式碼,可在點選後保持展開式選單開啟狀態−

$('#myDropdown').on('hide.bs.dropdown', function () {
   return false;
});

另一個選擇是處理 click 事件 −

還可以使用以下程式碼處理 click 事件。event.stopPropagation() 方法會停止事件冒泡到父元素中。它會阻止執行任何父事件處理程式 −

$('#myDropdown .dropdown-menu').on({
   "click":function(e) {
       e.stopPropagation();
    }
});

更新於: 04-Mar-2020

2K+ 瀏覽量

開啟職業生涯

完成課程,獲得認證

開始學習
廣告
© . All rights reserved.