Question

我目前正在使用wordpress 3.4.1 我想在我自己的wordpress主题中嵌入jquery，但我无法做到。尝试在网上提供最大可能的解决方案，但仍无法令人信服地实现它。请帮助简单的例子!!

Answer 1

尝试以下代码。

下面的代码在你的主题中添加了你的function.php

add_action('wp_head', 'add_myJquery');

function add_myJquery()
{
?>
    <script src="<?php bloginfo( 'template_url' ); ?>/js/jquery-latest.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() {

            //write your jquery code Here.
        });

    </script>
<?    
}

或者

下面的代码添加在主题header.php文件中的html head标记之间

<script src="<?php bloginfo( 'template_url' ); ?>/js/jquery-latest.js" type="text/javascript"></script>

Answer 2

为了获得最佳兼容性，请使用WordPress附带的jQuery版本（加载特定版本的jQuery可能会在以后破坏您的插件）：

添加到function.php：

function insert_jquery(){
   wp_enqueue_script('jquery');
}
add_filter('wp_head','insert_jquery');

或者，如果您想从Google CDN加载它：

function my_scripts_method() {
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
    wp_enqueue_script( 'jquery' );
}    

add_action('wp_enqueue_scripts', 'my_scripts_method');

在此处阅读更多内容：http://codex.wordpress.org/Function_Reference/wp_enqueue_script

也可以使用以下链接：

http://code.jquery.com/jquery-latest.min.js - 最新版本

http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js - 最新版本1.x家庭

http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js - 最新版本1.7.x家族

http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js - ver 1.8.x系列中的最新版本

使用带有wordpress主题的Jquery？

2 个答案: