我是Wordpress的新手,我正在尝试在静态主页上使用JQuery。我遇到了臭名昭著的“未捕获引用错误:未定义JQuery”错误,尽管在页面源代码中加载了JQuery脚本。
在我的主题功能中。php:
function load_jquery() {
wp_deregister_script(\'jquery\');
wp_register_script(\'jquery\', \'https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js\', false, \'2.1.3\');
wp_enqueue_script(\'jquery\');
}
add_action(\'init\', \'load_jquery\');
在我的主页模板中:
wp_enqueue_script(\'jquery\');
wp_register_script( \'home-js\', get_template_directory_uri() . \'/js/home-js.js\' );
wp_enqueue_script( \'home-js\', get_template_directory_uri() . \'/js/home-js.js\' );
wp_register_style( \'my-style\', get_template_directory_uri() . \'/my-style.css\' );
wp_enqueue_style( \'my-style\', get_template_directory_uri() . \'/my-style.css\' );
wp_head();
</head>
我的家。js很简单:
JQuery(document).ready(function () {
alert(\'hello world\');
});
我有1个插件,但我禁用了它,以防发生冲突。我的家。js加载正确(这是引发JQuery未定义错误的文件。在页面源代码中,JQuery脚本标记正确链接到Google文件。