WordPress用のスムーズスクロールが動作しません。

Question

作成しているテーマでリンクを動作させようとしていますが、スムーズなスクロールのためのjQueryに関する知識はありません。私の動的なWordPressの私は#valuesにURLを設定するメニュー、#about、#contactなど、特定の場所で、それへのリンクで

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 

     var target = this.hash; 
     var $target = $(target); 

     $('html, body').stop().animate({ 
      'scrollTop': $target.offset().top 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    }); 
}); 

：私のテーマで私がオンラインに働いていたのを見た次のjQueryを使用しました私が使用したページで<span id="values"></span>, <span id="about"></span> and <span id="contact"></span>

これは機能しますが、滑らかなスクロールは機能しません。私はアンカーがページの部分でスムーズにスクロールするために使用されていることを知っていますが、私はスパンタグのIDをターゲットにできるようにしたいと考えています。私はそれが動作するかどうかをテストするためにアンカータグを作ろうとしましたが、それはまだありません。

これを動作させるにはどうすればよいですか？

Answer 1

Miroは「Wordpressでは、外部のjqueryを追加するか、すでに使用中のドル記号と同じにする必要があります。$ = jQuery;をスクロールコードの上に追加してみてください。すべて$とjQueryです。