JQuery not loading

时间:2020-02-21 作者:elpretentio

我试图在我的WP站点中加载自定义脚本,当我检查页面时,它会显示

Uncaught ReferenceError: JQuery is not defined .
我已经在函数中加载了脚本。php文件:

function custom_scripts() {
    wp_enqueue_script(\'custom_js\', get_stylesheet_directory_uri() . \'/js/custom_js.js\', array(\'jquery\'), \'1.11.0\', false );
}

add_action( \'wp_enqueue_scripts\', \'custom_scripts\', 10 );
我试图加载的脚本位于子主题js文件夹中:/wp content/themes/oceanwp child/js/custom\\u js。js公司

我还在父主题标题中手动加载了JQuery。php文件,当我查看页面源代码时,它已经加载到了Ocean WP脚本下的页脚中。

仅供参考,这是我尝试加载的脚本(作为测试):

alert(\'ALERT\');

console.log(\'HELLO\');


JQuery(document).ready(function() {

    var imageURL = "http://www.kamerake.com/Wordpress/wp-content/uploads/2020/02/strada-av-3-alpha.png";
    var noimageURL = " ";

    JQuery("p").mouseover(function() { 
        JQuery("body").css("background-image", "url(" + imageURL + ")");

    });
    JQuery("p").mouseout(function() { 
        JQuery("body").css("background-image", "url(" + noimageURL + ")");

    });
});
警报和控制台。记录当然加载,没有任何问题。

我在WP上激活的唯一插件是子主题配置器、Elementor、Oceans Extra、Elementor插件和WP Forms Lite。

我已经停用了所有这些,但这没有什么区别。

任何帮助都将不胜感激。谢谢

1 个回复
最合适的回答,由SO网友:StronenV 整理而成

jQuery区分大小写。尝试替换的所有实例JQuery 具有jQuery.