單擊 HTML 中時關閉 Bootstrap 下拉框


正如您所見,每當您開啟下拉框並在任何其他地方單擊時,下拉框就會關閉。 

使用以下給定的程式碼,可以在單擊後保持下拉選單開啟−

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

另一個選擇是處理單擊事件−

也可以使用以下程式碼處理單擊事件。event.stopPropagation() 方法阻止事件冒泡到父元素。它可以防止執行任何父事件處理程式−

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

更新於: 04-Mar-2020

2K+ 瀏覽

開始您的 事業

完成課程以獲得認證

開始
廣告
© . All rights reserved.