2014-10-07 76 views
0

如何添加自定義JavaScript/jQuery到WordPress主題?我試着在這個網站http://codex.wordpress.org/Function_Reference/wp_enqueue_script上的步驟沒有運氣。WP主題jquery

function theme_scripts() { 
    wp_enqueue_script('sample', get_template_directory_uri() . '/js/sample.js', array('jquery')); 
} 

add_action('wp_enqueue_scripts', 'theme_scripts'); 
+1

向我們展示您嘗試過的代碼。 – 2014-10-07 05:43:28

+0

'function theme_scripts(){ \t wp_enqueue_script('sample',get_template_directory_uri()。'/js/sample.js',array('jquery')); } add_action('wp_enqueue_scripts','theme_scripts');' – sanosuke 2014-10-07 05:45:39

+0

你把代碼放在哪裏?這是你的'前端'嗎? – 2014-10-07 05:48:54

回答

2

codex解釋,你需要通過wp_enqueue_script定義你的jQuery。

所以對於主題將是這樣的:

add_action('wp_enqueue_scripts', 'fwds_scripts'); 

    function fwds_scripts() { 
     wp_enqueue_script('jquery'); 

     wp_register_script('slidesjs_core', get_template_directory_uri('js/jquery.slides.min.js', __FILE__), array("jquery")); 
     wp_enqueue_script('slidesjs_core'); 


     wp_register_script('slidesjs_init', get_template_directory_uri('js/slidesjs.initialize.js', __FILE__)); 
     wp_enqueue_script('slidesjs_init'); 

    } 

這裏我所定義wp_enqueue_script如jQuery的。你也可以跳過這一步。

第二步,我有我的註冊的jQuery/JavaScript.In即slidejs_core手柄這是唯一定義script.Second是URL。你需要先寫get_template_directory_uri(這是你的主題的URL)和他們存儲你的JS的其他路徑。我製作了JS文件夾,並在該文件夾中保存了我的JS文件。所以我的路徑是js/jquery.slides.min.js。然後,我已經定義了數組,這有助於在我們的腳本之前加載該特定腳本。此數組是可選

後,您需要通過您的添加wp_enqueue_script處理我們在wp_register_script定義。

+1

您只需要* register * jQuery,因爲下列入隊將自動入列所有需要的依賴關係(例如,如果在某處註冊了「jquery」,'slidesjs_core'將在您的示例中自動入列'jquery')。沒有必要在每個頁面上排隊。 – ojrask 2014-10-07 05:52:59

+0

是的你是對的。但通過這樣做,它不會造成任何問題。 – 2014-10-07 05:57:34

+0

沒錯,只是指出那些想要優化更多的人。 :) – ojrask 2014-10-07 06:00:17