我试图让这项工作工作很长时间,但我仍然遇到错误。
我正在localhost上开发一个新的Wordpress页面4.0版。我无法使jQuery和其他脚本工作。
我了解到,我必须在functions.php中包含脚本和样式。 Jquery已经注册,所以我只能将它排入队列。我还想为其他脚本添加一个额外的script.js文件。 这是我的代码
function my_scripts_styles()
{
wp_enqueue_script('jquery');
/* REGISTER ALL JS FOR SITE */
wp_register_script('my_scripts', get_template_directory_uri() . '/js/scripts.js');
/* REGISTER ALL CSS FOR SITE */
wp_register_style('default',get_template_directory_uri() . '/css/style.css');
/* CALL ALL CSS AND SCRIPTS FOR SITE */
wp_enqueue_script('my_scripts');
wp_enqueue_style('default');
}
add_action( 'wp_enqueue_scripts', 'my_scripts_styles' );
CSS正在运行,但我没有正确加载文件脚本或代码有问题。它包含以下测试代码:
jQuery(document).ready(function( $ ) {
$('div').hide();
console.log("FFFF");
});
但我收到了错误
未捕获TypeError:undefined不是函数(匿名函数)
我想这是因为兼容模式,但到目前为止我还没有发现我做错了什么。
答案 0 :(得分:0)
你可以写
$(function() {
$('div').hide();
console.log("FFFF");
});
答案 1 :(得分:0)
你不会相信。
jQuery(document).ready(function($) {
$('div').hide();
console.log("FFFF");
});
是一个正确的答案,只有你必须将这个脚本放在正确的文件中!对不起,大家好,我已经复制了另一个项目中的文件而我正在更改错误的文件。这非常愚蠢,但最终还是有效的!