問題タブ [scrollspy]

ajax経由でロードされるサブメニューがあります。Bootstraps scrollspy を使用して、ユーザーが現在のページのどこにいるかに基づいてサブメニューを強調表示しようとしています。ただし、サブメニューでは機能しません。ajax経由でロードされたためだと思います。サブメニューを強調表示するにはどうすればよいですか?

subnav.html

Mainpage.html

ブートストラップのスクロールプシーを使用しています。

私がやろうとしていることの例を作りました：

http://jsfiddle.net/te3V4/15/

すべて問題ありません。彼は各セクション ID に 1 つのアクティブなクラスを渡しliますが、各セクションのヘッダーの背景を変更したい

例えば：

もしも#studio background-color: #0915ff;
_#green background-color: 085606;

Scrollspy プラグインを使用して Bootstrap navbar を作成したいと思います。使用しようとすると、最後のタグは常にアクティブのままですが、他の要素はアクティブ<li>になりません。<li>私のコードが必要な場合: http://pastebin.com/raw.php?i=QL99wh2Cそして、これが私が話していることのイメージです: http://i.stack.imgur.com/CYzg9.png

編集

次のコードを使用して、これに対する独自の修正を作成しました。オフセットを使用してアンカー タグの位置を取得し、そのスクロール ポイントに到達すると、アクティブなクラスをナビゲーション リスト項目に追加します。うまく機能し、効率的です。

編集終了

タイトルが示すように、私は Scrollspy (明らかに Bootstrap を使用) を持っており、Javascript で次のように初期化します。

$('#navbar').scrollspy();

これはうまくいきます。ただし、navbar のリスト要素 (li タグ) の 1 つがモーダルである div を参照している場合、反転します。スクロールを開始すると、アクティブなクラスがそのリスト項目からそのスクロール位置にある正しいリスト項目に反転するため、ナビゲーションバーのリスト項目は、上下にスクロールすると常にちらつきます。ここに私のナビゲーションバーと私の体の始まりがあります:

ご覧のとおり、最後のリスト項目 (「連絡先」) が問題です。「スクロール」クラスを削除しても何の役にも立ちません。何が問題なのかわかりませんが、そのリスト項目の href を変更すると、この問題全体が修正されます。また、ナビゲーションバーの下のカルーセルにボタンがあり、モーダルも開きます。この問題は発生していないようです。つまり、Contact li の href を変更しても、上記のコードで Contact が指しているのと同じモーダルを指しているボタンをそのままにしておくと、これは正常に機能します。

重要な場合のモーダルは次のとおりです。

どんな助けでも大歓迎です。

アップデート：

私はコメントアウトしました$('#navbar').scrollspy();が、それはまだ起こっています。モーダルのコードを削除するとうまくいくので、何が問題なのかわかりません...モーダルはこれを除いて正常に機能します。何が起こっているのですか？

私は Twitter Bootstrap Scrollspy プラグインを使用してきましたが、私の人生ではそれを機能させることができません。コンテンツ領域の HTML は次のとおりです。

これがナビゲーションバーのHTMLコードです

私は他の投稿のいくつかを見てきましたが、私の人生では、ナビゲーションバーの最後の項目だけが選択されている理由がわかりません.

scrollspy が最後のアイテムのみを選択する理由とそれを修正する方法を誰かが理解するのを手伝ってくれますか?