Scrollspy プラグインを使用して Bootstrap navbar を作成したいと思います。使用しようとすると、最後のタグは常にアクティブのままですが、他の要素はアクティブ<li>
になりません。<li>
私のコードが必要な場合: http://pastebin.com/raw.php?i=QL99wh2Cそして、これが私が話していることのイメージです: http://i.stack.imgur.com/CYzg9.png
1 に答える
0
ソースから:
<!DOCTYPE html>
ドキュメントの先頭に追加- body タグの data-target には css セレクターが含まれている必要があります。あなたの場合
#navbar
、または.navbar
navabarの代わりに。なれdata-target="#navbar"
- この質問を参照してください: Twitter Bootstrap scrollspy は常に最後の要素を選択するため、次を使用します。
$('body').scrollspy();
- ページの読み込み時に何も選択されていない/アクティブでないことを示します。コードの最初の li に class="active" を追加します。または
$('.nav li:first').addClass('active');
、ドキュメントの一番下に。
- ページの読み込み時に何も選択されていない/アクティブでないことを示します。コードの最初の li に class="active" を追加します。または
于 2013-06-05T18:28:45.857 に答える