如何正确地将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时,你可以声明你的脚本依赖于被加载的jquery作为wp_enqueue_script的第三个参数:http://codex.wordpress.org/Function_Reference/wp_enqueue_script .

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

所以,在你的functions.php或插件中,添加你的钩子.

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()的第一个参数是您为脚本指定的任意名称.如果您要声明另一个脚本依赖于原始脚本,那么您将在第三个参数中引用它.