将jQuery添加到WordPress页面

Question

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

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

我试图在主插件文件中将以下脚本添加到插件名称和版本所在的位置。

不需要工作：

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

不需要工作

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>

其次，如何看到它与其他代码一起加载到我的浏览器中？

Answer 1

如果要在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');