2016-08-26 3 views
1

jqueryの新機能です。私は自分のブログを見栄え良くしたいと思っています。だから、私はTOCのリンクをページのスクロール時に移動させることにしました。しばらくの間検索した後、最終的に方法を見つけました。スクロールで目次を強調表示します。 jquery 1.10.1では正常に動作しますが3.0.0ではなく

コード

$(function() {  
    $(window).scroll(function() { 
      $(":header").each(function() { 
      if($(window).scrollTop() >= $(this).offset().top) { 
       var id = $(this).attr('id'); 
       $('.nav a').removeClass('active'); 
       $('.nav a[href=#'+ id +']').addClass('active'); 
      } 
     }); 
    }); 
}); 

jQueryの1.10.1である場合にはうまく動作しますが、それは(私のブログフレームワークは3.0.0を使用しています)3.0.0に来るとき、それはもはや機能しません。 。

誰かが私を助けることができますか?私は一晩中立ち往生している。

は、ここで私はあなたがいじるしようとしたとjQuery 3.0.0に変更してhrefに "" 追加することによって、このライン $('.nav a[href="#'+ id +'"]').addClass('active');

を変え、私のJSFiddle

+1

警告を回避するのではなく、ここで関連コードを追加してください。 __snippet__ – Satpal

+1

[specs](https://api.jquery.com/header-selector/)によるとうまくいくはずです。また、[fiddle](https://jsfiddle.net/kp14onfa/) –

+0

なぜ私のコードはjiddle 3.0.0では動作しませんか? – selfboot

答えて

関連する問題