Javascript WordPress不工作的jQuery平滑滚动

Javascript WordPress不工作的jQuery平滑滚动,javascript,jquery,html,wordpress,Javascript,Jquery,Html,Wordpress,我一直在尝试让我的链接在我正在创建的主题上工作,但是我不知道jQuery是否可以平滑滚动。在我的主题中,我使用了我在网上看到的以下jQuery: $(document).ready(function(){ $('a[href^="#"]').on('click',function (e) { e.preventDefault(); var target = this.hash; var $target = $(target);

我一直在尝试让我的链接在我正在创建的主题上工作,但是我不知道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菜单中,我将URL设置为#values、#about、#contact等,并在我使用的
页面的特定位置设置指向它的链接

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


如何使其工作?

米罗在评论中回答了正确的答案——“在Wordpress中,您需要添加外部jquery或将美元符号等同于已经使用的符号。尝试在所有滚动代码之上添加
$=jquery;
。如果不起作用,请将所有
$
替换为
jquery
”米罗在评论中回答了正确的答案——“在Wordpress中,你需要添加外部jquery或将美元符号等同于已经在使用的那一个。试着在你所有的滚动代码上面添加
$=jquery;
。如果这不起作用,用
jquery
替换所有的
$

wat是
这个的值。hash
?该行不应该是
$(this.attr('href')您提供的代码片段名义上在这里工作:请提供指向该站点的链接。控制台上说什么?@Miro完全正确。我不明白。对不起,主题在我的本地主机上。我是否应该将其压缩并在驱动器上共享?控制台显示“UncaughtTypeError:$不是一个函数”。在Wordpress中,您需要添加extrenal jquery或将美元符号等同于已经使用的美元符号。尝试添加
$=jQuery最重要的是滚动代码。如果不起作用,将所有
$
替换为
jQuery
。控制台中有错误吗?wat是this.hash的值?该行不应该是
$(this.attr('href')您提供的代码片段名义上在这里工作:请提供指向该站点的链接。控制台上说什么?@Miro完全正确。我不明白。对不起,主题在我的本地主机上。我是否应该将其压缩并在驱动器上共享?控制台显示“UncaughtTypeError:$不是一个函数”。在Wordpress中,您需要添加extrenal jquery或将美元符号等同于已经使用的美元符号。尝试添加
$=jQuery最重要的是滚动代码。如果不起作用,将所有
$
替换为
jQuery
。控制台中有错误吗?