如何在Wordpress中包含jQuery插件?

时间:2012-01-09 08:57:52

标签: php wordpress

在我的插件中,我需要包含1个css和2个js文件(jquery.min.js和jquery.googleplus-activity-1.0.min.js)。

我正在使用此代码

function my_init_method() 
{
    wp_deregister_script( 'jquery' );
    wp_enqueue_script( 'jquery', '' . get_bloginfo('wpurl') . '/wp-content/plugins/googe_plus/js/jquery.min.js');
}

function addHeaderCode() {
    echo '<link type="text/css" rel="stylesheet" href="' . get_bloginfo('wpurl') . '/wp-content/plugins/googe_plus/css/style.css" />' . "\n";

}


function my_jsscripts_method() {

    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', '' . get_bloginfo('wpurl') . '/wp-content/plugins/googe_plus/js/jquery.googleplus-activity-1.0.min.js');
    wp_enqueue_script( 'jquery' );
}
add_action('init', 'my_init_method');
//Include CSS
add_action('wp_head', 'addHeaderCode');

//Include JS
add_action('wp_enqueue_scripts', 'my_jsscripts_method');

但无法同时添加两个js文件。 请记住,我必须首先包含jquery.min.js然后再包含css和另一个js文件jquery.googleplus-activity-1.0.min.js

1 个答案:

答案 0 :(得分:2)

我为jquery.googleplus-activity-1.0.min.js文件使用了不同的句柄。您可能会混淆WordPress尝试重用“jquery”。如下所示:

function my_jsscripts_method() {
    wp_register_script( 'jquery.googleplus', '' . get_bloginfo('wpurl') . '/wp-content/plugins/googe_plus/js/jquery.googleplus-activity-1.0.min.js');
    wp_enqueue_script( 'jquery.googleplus' );
}

可能值得使用wp_register_script的第三个参数让它依赖于jquery。

顺便说一句,除非你有充分的理由,否则我可能会使用WordPress附带的jQuery版本(而不是替换它)。您可能会遇到兼容性问题。