Question

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

我知道我应该使用以下内容：wp_enqueue_script("jquery") - 但我不知道放在哪里或者如何加载我需要的其他jQuery插件。

我尝试的最后一点是将它放在我的WordPress网站的header.php文件中：

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

Answer 2

如果您无法使用任何WordPress方法，您仍然可以在extension_name.php

后面的wp_enqueue_script("jquery");内手动添加Jquery插件

echo "<script src='http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js'></script>";

Answer 3

最好的方法是通过functions.php文件

网址：http://codex.wordpress.org/Function_Reference/wp_enqueue_script

示例：

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

这段代码的内容是你正在创建一个名为“theme_name_scripts”的函数，现在你正在调用wp_enqueue_script（），这需要5个参数“Script Name”，“URL”，“ARRAY”，“Version”，“True / False“（页眉中的真正加载，页脚中的False）......

Add_action部分是一个将其附加到WordPress的钩子。它是自我解释的，你需要它才能使功能发挥作用。它表示来自函数'theme_name_scripts'的wp_enqueue_scripts或函数名称..

祝您好运，如果您需要更多帮助，请尝试Google“WordPress，入队脚本教程”

Answer 4

在我的functions.php中：

function mytheme_scripts() {
    wp_enqueue_script( 'myscript', get_template_directory_uri() . '/js/myscript.js', array('jquery'), false, true );
}
add_action( 'wp_enqueue_scripts', 'mytheme_scripts' );

function custom_shortcode3() {

echo "wp_enqueue_scripts();";
}
add_shortcode( 'totaldeprodutos', 'custom_shortcode3' );

在我的/js/myscript.js中：

<div id="show"></div>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

                    function total() {
        setInterval(function () {
            $('#show').load('datatotaldeprodutos.php')
        }, 1000);
    };

我需要短代码显示功能total（）

如何正确地将jQuery加载到WordPress中

4 个答案: