我被告知jquery从一开始就自动包含在wordpress中,但我还是将jquery包含在我的functions.php中。我试图做一个简单的脚本,滚动到一个div#id当链接被点击。
我创建了这个脚本:
jQuery(document).ready(function($) {
jQuery("#view-visibility").click(function() {
jQuery('html, body').animate({
scrollTop: jQuery("#visibility").offset().top
}, 2000);
});
)};
我将脚本放入我自己的文件script.js中,并将其添加到functions.php中:
function theme_js() {
//parameters: 1.handle, 2.path, 3.array of dependents, 4.version specification, 5.load in footer? true or false
wp_enqueue_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', '', '3.1.1', true );
wp_enqueue_script( 'bootstrap_js', 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js', array('jquery'), '', true );
wp_enqueue_script( 'my_js', get_template_directory_uri() . '/script.js', array('jquery'), '', true );
}
add_action( 'wp_enqueue_scripts', 'theme_js' );`
我还是不能让它工作…我不知道这是怎么回事!我应该在头部还是在主体之前加载jquery ?
链接到我的网站http://jakeford.io/pwi-project
学习使用Firefox(或Firebug)或Chrome或Safari或IE中的开发人员工具来检查Javascript和其他控制台错误。
在控制台上,我看到SyntaxError: Unexpected token ')' on line 9 of script.js.
试试});
});
我已经检查了您的网站的script.js
它确实有语法错误,尝试下面的代码:
jQuery(document).ready(function(jQuery) {
jQuery("#view-visibility").click(function() {
jQuery('html, body').animate({
scrollTop: jQuery("#visibility").offset().top
}, 2000);
});
jQuery('.my-slider').unslider({
autoplay: true
});
});
用$:
替换jQuery$(document).ready(function($) {
$("#view-visibility").click(function() {
$('html, body').animate({
scrollTop: $("#visibility").offset().top
}, 2000);
});
)};