如何關閉連結點擊時的Bootstrap 3 折疊選單
Bootstrap 3 的折疊選單提供了一種隱藏和顯示導航項目的便捷方法較小的設備。但是,在選單展開時點擊選單連結可能不會在點擊時將其關閉。這可能會讓用戶感到沮喪,因為它妨礙了輕鬆導航。
解決方案
要解決此問題,您可以將以下程式碼新增至文件中:
$(document).on('click', '.navbar-collapse.in', function(e) { if ($(e.target).is('a:not(".dropdown-toggle")')) { $(this).collapse('hide'); } });
此程式碼將偵聽折疊選單中的點擊,如果目標元素不是下拉式選單切換,則關閉選單。透過排除下拉式選單切換,您可以確保點擊下拉式選單本身不會將其關閉。
實作
要實現此解決方案,您可以將程式碼包含在JavaScript 檔案或將其直接新增至頁面底部結束
以上是如何在連結點擊時關閉 Bootstrap 3 折疊選單?的詳細內容。更多資訊請關注PHP中文網其他相關文章!