画像の上に戻る

Question

何らかの奇妙な理由から、クリックしたときにページをトップにプッシュするためのJavaScriptコードはありません。だから私はここに投稿しています、多分あなたたちは私よりも多くの運を得ます。私はトップにスローされますが、スムーズに移行しません。

Uncaught ReferenceError: $ is not defined at F0mL36E:95

Answer 1

はこれを試してみて、それが助けかどうかを確認：スクリプトは...

<footer> 
    <div id="right"><a href="#" id="TopPage"><img id="arrow" src="Img/arrow.png" alt=""></a></div> 
</footer> 

<script> 
$('#TopPage').click(function(){ 
      $('html, body').animate({ scrollTop: 0 }, 'slow'); 
}) 
</script> 

が動作していないかのようにそれはほとんど私が私のコンソールで次のエラーを取得するように見えます。 @quetzaluzは、上記の言及としても、あなたは、また、あなたのページ

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 

$('#TopPage').on('click', function(e) { 
     e.preventDefault(); 
     $('html, body').animate({ 
     scrollTop: 0 
     }, 'slow'); 
    }); 

Answer 2

の最後にライブラリを追加するには、jQueryライブラリが前にあなたの.jsファイルをインポートしていることを確認してください確認してください。私は通常、HTMLの頭に私のものを入れ、体の最後に私の.jsファイルを入れます。それ以外の場合、ブラウザはJQueryの前に.jsファイルをロードして処理し、そのようなエラーが発生します。