jQuery scrollTop 动画返回 Uncaught TypeError

Question

我的 jQuery 代码（如下）有问题，我不明白为什么？

我正在尝试为我的网站提供scrollTop 动画，它可以正常工作，但是当我想使用ul li ul li a 星座时，即使 jQuery 触发它也会卡住，并且我收到如下错误：

Uncaught TypeError: Cannot read property 'top' of undefined

我对我的代码和完全相同的情况又一次摆弄：当我点击例如 href="#5.1"

更新代码：

$('ul li a').click(function(event) {
    var location = $(this).attr('href');
    $('html, body').animate({
        scrollTop : $(location).offset().top -10
    }, 800, function () {
       var location 2 = location.replace( "\\" ,"");
    window.location.hash = location2;
});
    return false;
});

jsFiddle Example

Answer 1

您的解决方案很简单！你必须转义.，就像这样：

<a href="#5\.1">Punkt 10: Header und Footer ohne ID ansprechen</a>

Online Working Example

使用任何元字符（例如 !"#$%&'()*+,./:;?@[]^`{|}~ ) 作为名称的文字部分，它必须 被逃脱。

Selectors | jQuery API Documentation

编辑 1：

如果您想避免在实际 URL 中出现 \，只需尝试将其删除，只需将简单的 regex 应用于您的位置变量：

var location = location.replace(/\\/g,"");