📜  如何修复 WordPress jQuery 未定义 - Javascript (1)

📅  最后修改于: 2023-12-03 15:08:27.447000             🧑  作者: Mango

如何修复 WordPress jQuery 未定义 - Javascript

如果你在 WordPress 中使用 jQuery 时,经常会遇到这个错误:

"Uncaught ReferenceError: jQuery is not defined"

这个错误通常发生在你在 WordPress 中与 jQuery 交互的代码中。

这个错误的主要原因是 WordPress 的默认设置中不包含 jQuery 库,因此必须手动添加。

幸运的是,有几种方法可以很容易地解决这个问题,下面列出了三种最常用的方法:

方法一 - 在主题的 functions.php 中添加 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 库

第二种方法是使用外部 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 插件

第三种方法是使用 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。