2015-04-29 186 views
0

我需要將jQuery庫添加到WordPress頁面。該頁面由插件短代碼呈現。將jQuery添加到WordPress頁面

我用下面的方法,但我不認爲這對我的jQuery腳本工作。

我試圖在主插件文件添加這些下面的腳本,插件名稱和版本去。

DESN'T工作:

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

DESN'T工作

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> 

二,如何看到它在我的瀏覽器中加載與其他代碼一起加載?

+0

將'alert('test');'添加到您的jquery文件並刷新頁面,如果腳本已加載,您將看到警報消息,這是一種方法。另一種方法是通過單擊F12在瀏覽器中打開開發人員控制檯,轉至資源選項卡並查看腳本是否已加載。 – odedta

+0

jQuery已包含在WordPress中......通常沒有理由在外部加載它。 – rnevius

回答

0

如果你想在wp-admin添加腳本,然後使用admin_head OR 如果你想添加在前端這個腳本,然後在地方使用wp_headadmin_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'); 
+0

它沒有工作... –

+0

看到我更新的答案? – Noman

+0

我使用了函數add_custom_script(){if_admin()){wp_enqueue_script('Jquery_host',「http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js 「,array('jquery')); } } add_action('wp_head','add_custom_script');但仍然無法正常工作? –