javascript - 如何正确加载 jQuery 到 WordPress

Question

我有一个 WordPress 网站，我想使用一个名为 DataTables 的 jQuery 插件。我一直在寻找将 jQuery 脚本和 DataTables 脚本加载到 WordPress 的正确方法。

我知道我应该使用一些东西:wp_enqueue_script("jquery") - 但我不知道将它放在哪里或如何加载我需要的其他 jQuery 插件。

我尝试的最后一点是将其放入 header.php我的 WordPress 网站的文件:

<?php wp_enqueue_script("jquery"); ?>

<?php wp_head(); ?>

如有任何帮助，我们将不胜感激!

Answer 1

jQuery 包含在 WordPress 核心中，当您包含 javascript 时，您可以声明您的脚本依赖于作为 wp_enqueue_script 的第三个参数加载的 jquery:http://codex.wordpress.org/Function_Reference/wp_enqueue_script .

使用 wp_enqueue_script 的正确方法是将其包含在附加到特定操作 Hook 的回调中。当我开始使用 WordPress 时，这对我来说听起来非常复杂，但它实际上是一个非常好的系统，因为它允许您指定何时您的代码应该在 WordPress 初始化期间运行。

因此，在您的 functions.php 或插件中，添加您的钩子(Hook)。

add_action( 'wp_enqueue_scripts', 'my_js_include_function' );

然后，在该函数中，您运行实际包含，并声明您的脚本依赖于 jquery。

function my_js_include_function() {
    wp_enqueue_script( 'my_script.js', '/path/to/myscript.js', array('jquery') );
}

wp_ennqueue_script() 的第一个参数是您分配给脚本的任意名称。如果您随后要声明另一个脚本依赖于原始脚本，这就是您在第三个参数中引用它的方式。