Question

我是WordPress的新手，我正在研究如何将jQuery包含在主题中。

我在 functions.php 主题中创建了以下函数：

function load_java_scripts() {
    // Load FlexSlider JavaScript that handle the SlideShow:
    wp_enqueue_script('jQuery-js', 'http://code.jquery.com/jquery.js', array(), '1.0', true);
}
add_action('wp_enqueue_scripts', 'load_java_scripts');

所以我认为我可以将其添加为其他一些JavaScript或CSS本地资源，但我不确定这种方法，因为在这种情况下 jquery.js 不是本地资源但是在线资源（是同样的事情吗？）

我也有一些疑问，因为在网上搜索我找到了不同的方法来添加jQuery到我的主题，比如one。

您能否提供一些有关如何正确完成此任务的信息？

Answer 1

您是否有任何特定原因没有使用WordPress中的jQuery？

如果您需要添加依赖于jQuery的JavaScript文件，可以将jQuery添加为dependency。

<?php

function my_scripts_method() {
    wp_enqueue_script(
        'custom-script',
        get_stylesheet_directory_uri() . '/js/custom_script.js', #your JS file
        array( 'jquery' ) #dependencies
    );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

?>

请注意，WordPress在no conflict wrappers中加载jQuery。所以你的代码应该是：

jQuery(document).ready(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
    // and other libraries also using $ will not be accessible under this shortcut
});

Answer 2

在wordpress中不需要自定义Jquery。将依赖项添加为“jquery”，它将自动加载。

Answer 3

由于WP已经附带了jQuery，我只需为你的主题加载它，将它添加到你的functions.php中

function load_scripts(){
    //Load scripts:
    wp_enqueue_script('jquery'); # Loading the WordPress bundled jQuery version.
    //may add more scripts to load like jquery-ui
}
add_action('wp_enqueue_scripts', 'load_scripts');

有几种方法可以将jQuery包含到主题中。我总是使用WP捆绑版本，我觉得很简单。

Answer 4

试试这个，

<?php
    function load_external_jQuery() {
        wp_deregister_script( 'jquery' ); // deregisters the default WordPress jQuery 
        $url = 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'; // the URL to check against  
        $test_url = @fopen($url,'r'); // test parameters  
        if( $test_url !== false ) { // test if the URL exists if exists then register the external file  
            wp_register_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js');
        }
        else{// register the local file 
            wp_register_script('jquery', get_template_directory_uri().'/js/jquery.js', __FILE__, false, '1.7.2', true);  
        }
        wp_enqueue_script('jquery'); // enqueue the jquery here
    }
    add_action('wp_enqueue_scripts', 'load_local_jQuery'); // initiate the function 
?>

Answer 5

您可以使用以下方法来包含jQuery：

wp_enqueue_script( 'jquery' );  

wp_enqueue_script( 'load-js-validate', 'foldername/jquery.js' );

Directly add in header file.<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>

function js_scripts() {
wp_enqueue_script( 'jquery', get_template_directory_uri() . '/js/example.js');
}

add_action( 'wp_enqueue_scripts', 'js_scripts' ); // add this in function file

如何在WordPress主题中包含jQuery？

5 个答案: