个性化阅读
专注于IT技术分析

如何在WordPress主题中包含jQuery?

我对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添加到主题中的不同方法, 例如这种方法。

你能给我一些有关如何正确完成此任务的信息吗?


#1


为什么没有使用WordPress中找到的jQuery的任何特定原因?

如果需要添加依赖jQuery的JavaScript文件, 则可以将jQuery添加为依赖项。

<?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不会在没有冲突包装的情况下加载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
});

#2


在wordpress中, 无需自定义Jquery。将依赖项添加为” jquery”, 它将自动加载。


#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捆绑版本, 我觉得非常简单。


#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 
?>

#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
赞(0) 打赏
未经允许不得转载:srcmini » 如何在WordPress主题中包含jQuery?
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏