Javascript WordPress不工作的jQuery平滑滚动
我一直在尝试让我的链接在我正在创建的主题上工作,但是我不知道jQuery是否可以平滑滚动。在我的主题中,我使用了我在网上看到的以下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);
$(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
。控制台中有错误吗?