将jQuery添加到WordPress页面

时间:2015-04-29 12:56:52

标签: javascript php jquery wordpress

我需要将jQuery库添加到WordPress页面。该页面由插件短代码呈现。

我使用了以下方法,但我认为它不适用于我的jQuery脚本。

我尝试在插件名称和版本的主插件文件中添加以下脚本。

DESN'工作:

function my_init() {
    if (!is_admin()) {
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'my_init');

DESN'工作

function my_init() {
    if (!is_admin()) {
        // comment out the next two lines to load the local copy of jQuery
        wp_deregister_script('jquery'); 
        wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js', false, '1.4.2'); 
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'my_init');

我实际上需要将以下库添加到我的WordPress前端页面?

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

但如果我直接使用它,那么它就可以了。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

第二,如何看到它在我的浏览器中加载以及其他代码?

1 个答案:

答案 0 :(得分:0)

如果您想在wp-admin中添加脚本,请使用admin_head 要么 如果您想在前端添加此脚本,请使用wp_head代替admin_head

取消注册所有jQuery脚本,然后调用您的函数添加自定义脚本。

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    wp_deregister_script( 'jquery' );
}

    function add_custom_script() {
        if (!is_admin()) {
              wp_enqueue_script('Jquery_host', "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" , array('jquery'));
         }
    }
    add_action('admin_head', 'add_custom_script');