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

我刚刚使用jQuery开发了具有滚动效果的网站。当我单击菜单项时，它应向下滚动并显示该部分。当我单击特定菜单时，它会向下滚动。但是在url中，我得到了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>

最佳答案

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

这意味着“具有id beta和class 0的元素”（或者如果在选择器中的0之后可以有一个.的话）。

您需要转义.。

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