javascript - 在滚动时突出显示 TOC。在 jquery 1.10.1 上运行良好但在 3.0.0 上运行不正常

Question

我是 jquery 的新手，我只是想让我的博客看起来更好。所以我决定让TOC中的链接随着页面滚动而移动，经过一段时间的寻找，我终于找到了一种方法。

代码:

$(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)就不行了。

有人能帮帮我吗？我被困了一夜。

这是我的 JSFiddle

Answer 1

我试过你摆弄并更改为 jQuery 3.0.0 并更改了这一行$('.nav a[href="#'+ id +'"]').addClass('active');

通过在 href 中添加“”。 JSFiddle它现在正在工作