WordPress的jQuery平滑滚动无法正常工作

时间:2017-11-15 08:05:36

标签: javascript jquery html wordpress

我一直在尝试让我的链接适用于我正在创建的主题,但我不知道jQuery的平滑滚动。在我的主题中,我使用了以下jQuery,我看到在线工作:

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();

        var target = this.hash;
        var $target = $(target);

        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});

在我的动态WordPress菜单中,我将网址设置为#values,#about,#contact等,并在我使用的页面上的特定位置指向它<span id="values"></span>, <span id="about"></span> and <span id="contact"></span>

它可以工作,但平滑滚动不起作用。我看到锚点用于在页面的各个部分在线平滑滚动,但我希望能够定位span标签的id。我试图制作一个锚标记来测试它是否有效,但它仍然没有。

如何让它发挥作用?

1 个答案:

答案 0 :(得分:0)

Miro在评论中回答了正确答案 - &#34;在Wordpress中,您需要添加外部jquery或将美元符号等同于已使用的符号。尝试在所有滚动代码上方添加$ = jQuery;。如果这不起作用,请用$替换所有jQuery。&#34;

相关问题