javascript - 无法读取 jQuery 中未定义的属性 'top'

Question

我刚刚使用 jQuery 开发了一个具有滚动效果的网站。当我单击菜单项时，它应该向下滚动并显示该部分。当我单击特定菜单时，它会向下滚动。但在网址中，我得到的是 www.example.com/#menuitem_name。该特定部分未激活。

这是我的 jQuery 文件:

$('body').scrollspy({
    target: '.navbar-fixed-top',
    offset: 80
})

$('a.page-scroll').bind('click', function(event) {
    var link = $(this);
    $('html, body').stop().animate({
        scrollTop: $(link.attr('href')).offset().top - 70
    }, 500);
    event.preventDefault();
});

});

HTML

<section id="beta1.0" class="container">Hi</section>
<li><a class="page-scroll" href="#beta1.0">Beta1.0</a> hi</li>

Answer 1

您的选择器如下所示:#beta1.0

这意味着“具有 id beta 和 class 0 的元素”(或者如果您在选择器中，可以在 . 之后紧接着有一个 0)。

您需要转义..

link.attr('href').replace(".", "\\.", "g")