我被要求建立一个HTML网站,并从中开发一个Wordpress主题。该网站使用SmoothScroll,因此当单击页脚中的按钮时,它会很好地滚动到页面顶部。除了现在是在Wordpress中,我单击按钮,它只是在siteurl重新加载页面。com/#关于
中的jquery。js include(以及smoothscroll.js include)是:
$(function() {
\'use strict\';
$(\'.scroll\').bind(\'click\', function(event) {
var $anchor = $(this);
var headerH = $(\'#navigation\').outerHeight();
$(\'html, body\').stop().animate({
scrollTop : $($anchor.attr(\'href\')).offset().top - headerH + "px"
}, 1200, \'easeInOutExpo\');
event.preventDefault();
});
});
我把它改成了非冲突的,或者你管它叫什么:
jQuery(document).ready(function( $ ) {
$(function() {
\'use strict\';
$(\'.scroll\').bind(\'click\', function(event) {
var $anchor = $(this);
var headerH = $(\'#navigation\').outerHeight();
$(\'html, body\').stop().animate({
scrollTop : $($anchor.attr(\'href\')).offset().top - headerH + "px"
}, 1200, \'easeInOutExpo\');
event.preventDefault();
});
});
});
还有一些其他jquery效果不起作用,但jquery起作用了,因为有些东西是,例如切换到显示地图等。。
有什么建议吗?这可能只是加载URL的方式,中间有斜杠吗?
谢谢