javascript - 更新了 WordPress，我的平滑滚动停止工作

Question

我刚刚更新到 WordPress 4.5，在我所做的每个站点中，我的平滑滚动脚本都停止工作。单击包含 # 的链接时，它用于滚动到适当的容器。我假设我使用的某些东西在新版本的 jQuery 中已被弃用或更改，但我一直无法找到答案。

This is one of the sites.

这是我的代码，直到今天都运行良好。我正在使用 jQuery 缓动插件:

jQuery("a[href^=#]").click(function(e) {
        e.preventDefault();
        var target_block = jQuery(this).attr("href");
        var target_scroll = jQuery(target_block).offset().top - 100;    
        var window_width = jQuery(window).width(); //retrieve current window width

        if (window_width < 760) {
      target_scroll = target_scroll + 100;
        if (jQuery(window).height() > 560) {
        target_scroll = target_scroll - 60;//compansate for mobile fixed menu
        jQuery("#site-navigation.main-navigation" ).hide(195);//Hide nav
      }
    };
            jQuery("html,body").animate({scrollTop: target_scroll}, 400, 'easeInOutQuart');
    });

Answer 1

我刚刚访问过您这边，您的控制台出现错误，'错误:语法错误，无法识别的表达式:a[href^=#]'

所以，您的选择器在这里无效。 # 是一个特殊字符，需要像

一样进行转义

jQuery("a[href*=\\#]").click(function(e){ 

尝试更改上面的行。