javascript - nav.html のアンカーを使用して javascript でスムーズ スクロールを適切に実行することは可能ですか?

Question

スムーズ スクロールを使用するモジュラー HTML ドキュメントを作成しようとしています。

ドキュメントにアンカーを直接配置しないと、スムーズにスクロールしません。

http://www.cincitucky.com/がサイトです。

http://www.cincitucky.com/_scripts/script.jsは、「nav.html」が適切に機能するために index.html に直接配置する必要があったため、非推奨の読み込まれた html 要素を示しています。

nav.html のアンカーを使用して javascript でスムーズ スクロールを適切に実行することは可能ですか?

ここで質問する前に、徹底的にチェックインしました。この点で誰かが私を助けてくれたらいいのにと思います。

また、これを改善/解決する方法を説明している素晴らしいサイトはありますか?

Answer 1

（非同期）ajax呼び出しを介してnav要素をロードするため、リンクはドキュメント準備完了イベントで使用できないため、外部script.js変更でこれ

$('a[href^="#"]').click(function(event) {
...

これに

$('body').on('click', 'a[href^="#"]', function(event) {
...

そうすることで、bodyその伝播を通じて要素のイベントをキャプチャできます (この手法はイベント委任と呼ばれます) 。