📅  最后修改于: 2023-12-03 15:08:27.447000             🧑  作者: Mango
如果你在 WordPress 中使用 jQuery 时,经常会遇到这个错误:
"Uncaught ReferenceError: jQuery is not defined"
这个错误通常发生在你在 WordPress 中与 jQuery 交互的代码中。
这个错误的主要原因是 WordPress 的默认设置中不包含 jQuery 库,因此必须手动添加。
幸运的是,有几种方法可以很容易地解决这个问题,下面列出了三种最常用的方法:
第一个解决方法是将 jQuery 添加到 WordPress 的主题中。
你可以通过将以下代码添加到 functions.php 文件中来实现:
function add_my_script() {
wp_enqueue_script(
'custom-script',
get_template_directory_uri() . '/js/custom-script.js',
array( 'jquery' )
);
}
add_action( 'wp_enqueue_scripts', 'add_my_script' );
这段代码将添加 jQuery 库,并在你的主题中调用 custom-script.js 文件。
第二种方法是使用外部 jQuery 库。
你可以通过将以下代码添加到 functions.php 文件中来使用外部 jQuery 库:
function load_external_jQuery() {
wp_deregister_script( 'jquery' );
wp_enqueue_script( 'jquery', 'https://code.jquery.com/jquery-3.5.1.min.js', array(), '3.5.1' );
}
add_action( 'wp_enqueue_scripts', 'load_external_jQuery' );
这段代码将注销 WordPress 中的 jQuery 库,并使用来自外部的 jQuery 库。
第三种方法是使用 jQuery Migrate 插件。
你可以通过将以下代码添加到 functions.php 文件中来添加 jQuery Migrate 插件:
add_action( 'wp_enqueue_scripts', 'add_jquery_migrate' );
function add_jquery_migrate() {
wp_register_script( 'jquery-migrate', 'https://code.jquery.com/jquery-migrate-3.3.2.min.js', array( 'jquery' ), '3.3.2' );
wp_enqueue_script( 'jquery-migrate' );
}
这段代码将添加 jQuery Migrate 插件,并允许你继续使用过时的 jQuery 代码。
以上是三种最常用的解决 WordPress jQuery 未定义错误的方法。希望能够帮助你在 WordPress 开发中更加顺畅地使用 jQuery。