在Bootstrap 中自訂導覽功能表時,可能會出現捲動或點選選單項目時無法切換的問題。這可能源自於沒有適當 JavaScript 支援的 CSS 修改。
提供的 HTML 和 CSS 類似於 Bootstrap 的預設選單結構和樣式。要複製它們的子導航行為,需要進行額外的修改。
整合 jQuery 對於操作 DOM 和控制導航連結的活動狀態是必要的。以下程式碼用於此目的:
<code class="javascript">$('.navbar li').click(function(e) { $('.navbar li.active').removeClass('active'); var $this = $(this); if (!$this.hasClass('active')) { $this.addClass('active'); } e.preventDefault(); });</code>
以上是以下是一些適合本文的基於問題的標題: **較短的詳細內容。更多資訊請關注PHP中文網其他相關文章!