スムーズなスクロールjsはアニメーションをトリガーしませんか？

Question

私はこれを取得していません、ページはちょうどアニメーションではなく、IDにジャンプします。 アラート「クリック」も表示されていませんか？

<script> 
jQuery(document).ready(function($) { 
    alert('start'); 
    $('ul#menu-sde-menu li a[href^="#"]').on('click', function(event) { 
     alert("click"); 
     var target = $(this.getAttribute('href')); 

     if (target.length) { 
      event.preventDefault(); 
      $('html, body').stop().animate({ 
       scrollTop: target.offset().top 
      }, 1000); 
     } 

    }); 
}); 

とシンプルなメニュー

<ul id="menu-sde-menu"><li><a href="http://localhost/testdomain/sde/#link1">link 1</a></li><li><a href="http://localhost/testdomain/sde/#link2">link 2</a></li></ul> 

私は https://www.abeautifulsite.net/smoothly-scroll-to-an-element-without-a-jquery-plugin-2

Answer 1

単に絶対パスhttp://localhost/testdomain/sde/#link2

を使用しないでください使用しようとした：

を ^= #と href属性 開始を有する要素を取得することを意味する、と - あなたがa[href^="#"]を使用している

href="#link2" 

（あなたは論理的に、とにかく同じページにとどまることを計画している場合。）

http://は明らかに1ではありません。