簡體   English   中英

如何使用scrollspy制作Twitter Bootstrap 2.x導航欄

[英]How to make a Twitter Bootstrap 2.x navbar using scrollspy

我想使用Scrollspy插件制作Bootstrap導航欄。 當我嘗試使用它時,最后一個<li>標記始終保持活動狀態,但不允許其他<li>元素保持活動狀態。 如果您想要我的代碼: http : //pastebin.com/raw.php?i=QL99wh2C ,這是我所談論的圖像: http : //i.stack.imgur.com/CYzg9.png

從您的來源:

  1. 在文檔頂部添加<!DOCTYPE html>
  2. 您的body標簽中的data-target應該包含一個CSS選擇器。 您的情況是#navbar.navbar而不是navabar。 data-target="#navbar"
  3. 看到這個問題: Twitter Bootstrap scrollspy總是選擇最后一個元素,因此請使用: $('body').scrollspy();
    1. 沒有選擇/在頁面加載時處於活動狀態; 將class =“ active”添加到代碼中的第一個li。 $('.nav li:first').addClass('active'); 到文檔的底部。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM