Javascript 平滑页面滚动条不适用于alt语言(即更改的URL结构)
我有一个js,当点击“更多”按钮时,它可以使页面平滑滚动到另一个位置 它可以工作,但如果为站点选择了另一种语言,则无法工作。当用户将语言更改为西班牙语时,URL将更改为Javascript 平滑页面滚动条不适用于alt语言(即更改的URL结构),javascript,jquery,wordpress,qtranslate,qtranslate-x,Javascript,Jquery,Wordpress,Qtranslate,Qtranslate X,我有一个js,当点击“更多”按钮时,它可以使页面平滑滚动到另一个位置 它可以工作,但如果为站点选择了另一种语言,则无法工作。当用户将语言更改为西班牙语时,URL将更改为www.example.com/ES。这似乎打破了在www.example.com上运行的平滑滚动 单击西班牙语的more链接似乎可以在滚动位置完全重新加载页面,但没有平滑滚动 这是我的js。如何在平滑滚动中包含alt语言url (function($){ $(function() { $('a[href
www.example.com/ES
。这似乎打破了在www.example.com
上运行的平滑滚动
单击西班牙语的more
链接似乎可以在滚动位置完全重新加载页面,但没有平滑滚动
这是我的js。如何在平滑滚动中包含alt语言url
(function($){
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
})(jQuery);
编辑:为了便于参考,该脚本在Wordpress的functions.php中排队,我使用的语言插件称为qTranslate尝试更改此部分:
$('a[href*=#]:not([href=#])')
此选择器正在选择所有标记,请尝试向其添加类。大概是这样的:
$('.more a[href*=#]:not([href=#])')
此函数应该在.js文件中,而不是在functions.php文件中。如果你有不同的语言,不应该影响你的脚本 好吧,我终于让它起作用了。我使用的语言插件要求所有受支持的非主要语言的根url都以其缩写形式出现。e、 g.西班牙语页面可能看起来像
example.com/ES/contact
我使用的锚不小心将西班牙语用户重定向回了主语言,因为它忽略了相对URL的/ES/部分。我只是从
更改了我的锚href元素。您确定脚本已加载到另一个页面吗?是的,它在inspector中加载时没有错误。这就是为什么我认为它一定在js文件中。嗨,谢谢你的帮助。我试过了,它似乎打破了默认页面和西班牙语页面上的平滑滚动。我应该对已添加的类做些什么吗?您是否将更多类添加到“更多”按钮?是的,我使用了<代码>
与更新的js$('.more滚动a[href*=\\]:非([href=\\]])