jquery - 为什么在 IE7 中使用 jquery 1.8.3 的 offset 时出现语法错误

Question

我试图找出为什么我无法在 IE7 中顺利地滚动回页面顶部。所以我注释掉了我的主要代码，只是想看看带有偏移量的目标的值是多少。如果我将以下代码放入 IE7...

function scrollbackup() {
    //setup anchor links for each panel

    //create the links for each section
    var link = '<a class="top" href="#mapSVG">[back to top]</a>';
    $('#mMap a').each(function () {
        $(this).nextUntil('a', 'p').last().after(link);
    });

    //on click, smooth scrolling back to top
    $('a[href*=#]').bind('click', function (e) {
        e.preventDefault();

        var target = $(this).attr("href");
        var elementTop = $(target).offset().top;
        console.log(elementTop);

        /*
$('html, body').stop().animate({ scrollTop: $(target).offset().top }, 1000, function() {
location.hash = target;
});
*/
    });
}

我在 IE7 中收到以下错误...

SCRIPT5022: Syntax error, unrecognized expression: http://.../index2.html#mapSVG 
jquery-1.8.3.min.js, line 2 character 59313

错误发生在我单击该元素“之后”，我不知道为什么它会在那里开始......

感谢您的任何意见

Answer 1

该错误是 jQuery 提示选择器错误。我的猜测是在你的<a>中标签，你有 http://example.com/index2.html#mapSVG ，而不仅仅是#mapSVG .

所以当你这样做时$(target) ，您正在传递整个 URL，这会破坏 jQuery。

要解决此问题，请使用 var target = $(this).prop("hash");相反。