我一直在更新一个运行在旧版本WordPress上的网站,我不得不更新主题、大多数插件,最后更新了WordPress。我不得不做一些定制,包括使用插件来替换网站使用的旧主题功能,这些功能在更新的主题中不存在/不起作用。开发人员现在不支持该主题。
阻止网站上线的唯一原因是主页上的向上滚动按钮不能正常工作。用户向下滚动页面后,会出现“向上滚动”按钮,单击“平滑”后,会滚动到页面顶部并消失。这是使用添加到主题自定义中的一点jQuery实现的。js文件。
习惯。js文件以以下行开头:
jQuery(document).ready(function($) {
按钮脚本在所有其他页面上都可以正常工作,但在头版上就不行了,因为头版似乎还没有加载jQuery脚本。以下是jQuery的要点:
/* --------------------------------------------------------------------------- */
/* 13. Back to Top
/* --------------------------------------------------------------------------- */
$("#back-top").hide();
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$(\'#back-top\').fadeIn();
} else {
$(\'#back-top\').fadeOut();
}
});
$(\'#back-top a\').click(function () {
$(\'body,html\').animate({
scrollTop: 0
}, 600);
return false;
});
});
我现在正准备对所需的脚本进行wpenqueue,以使其正常工作,但我宁愿解决一些人可能很明显的问题,但现在让我陷入了困境。
该网站位于http://just7.co.uk/latinlink/
2013年10月28日更新:
我复制了jQuery代码并将其放入自己的脚本中,然后通过函数将脚本排队。php。我可以看到脚本(backtotop.js)正在加载,但它仍然不能在主页上运行,但可以在所有其他页面上运行。
下面是脚本:
jQuery(document).ready(function() {
jQuery("#back-top").hide();
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > 100) {
jQuery(\'#back-top\').fadeIn();
} else {
jQuery(\'#back-top\').fadeOut();
}
});
jQuery(\'#back-top a\').click(function () {
jQuery(\'body,html\').animate({
scrollTop: 0
}, 600);
return false;
});
});
网站位于
http://www.just7.co.uk/latinlink