在Bootstrap 3 中透過外部點擊關閉可折疊導覽列
增強導覽列切換的使用者體驗包括關閉開啟的導覽列的能力在其邊界之外點擊。提供的程式碼嘗試透過利用 document.click 事件偵聽器來解決此問題。然而,目前的實現在實現所需的功能方面仍存在缺陷。
解決方案:
以下程式碼片段透過監控文件範圍內的點擊有效解決了這個問題。它檢查單擊的元素是否位於導覽列元素內。如果導覽列開啟(由「navbar-collapse in」類別的存在確定)且按一下的元素不具有「navbar-toggle」類,則按一下事件會有效地觸發對navbar-toggle 按鈕的按一下折疊導覽列。
這種方法結合了優雅和功能,在外部點擊時提供了打開導航欄的無縫關閉他們。
以上是如何透過外部點擊關閉 Bootstrap 3 可折疊導覽列?的詳細內容。更多資訊請關注PHP中文網其他相關文章!