サブページでjQuery関数が実行されていません

Question

私は現在大学のコース（リンク：http://divedesigns.com/demo/btw17）のウェブサイトを開発しており、私自身は解決できない問題があります。私は「トップトップ」ボタンを持っています。 jQueryを使用すると、ページをスムーズにスクロールできます。

HTML

<a id="back-to-top" href="#"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i></a> 

私script.jsファイルに次のコードは、私のウェブサイトのホームページ上で正常に動作します。残念ながら、これはどのサブページでも機能しません。

jQueryの

$("#back-to-top").click(function(e){ 
    e.preventDefault(); 
    $("html, body").animate({scrollTop: "0"}); 
}); 

あなたはどんな提案を持っていますか？

Answer 1

クリックリスナーはこのリンク要素にあまりにも早く（＃back-to-top）接続されているようですが、後でこのイベントリスナーをコンソールに接続すると動作します。あなたはすでにあなたがこのアプローチを使用する必要があり、なぜそれが説明されている。このexampleでon方法？：

$(document).on("click", "#back-to-top", function(e) { 
    e.preventDefault(); 
    $("html, body").animate({scrollTop: "0"}); 
}); 

を試してみました。

これも役立ちます。

Answer 2

私はコンソールでコードを手動で実行しようとしましたが、メインページと同様に正常に動作します。だから私は、HTMLの構造に行って、私はあなたがそう基本的にブラウザがバック・ツー・トップdoesnの素子＃上記のコードを実行したとき

$("#back-to-top").click(function(e){ 
    e.preventDefault(); 
    $("html, body").animate({scrollTop: "0"}); 
}); 

が含まれているscript.jsをロードした後にフッターをロードしていることがわかりますまだ存在していないので、うまくいきません。あなたがしなければならないのは、script.jsをsubpages-script.jsの後ろに置くだけです。

希望すると助かります！