2013-10-27 80 views
0

嗨我想在我的WordPress的二十二個孩子主題的功能PHP中的幾個JS文件。在wordpress fuctions.php兒童主題中鏈接javascript文件?

這是正確的,因爲它不會加載任何東西?我想補充這雪效果http://seb.ly/demos/JSSnow/snow3d.htmlhttp://www.jqueryrain.com/?_ol9H3hd

/** Load scripts */ 
add_action('wp_enqueue_scripts', 'wpse82474_load_scripts'); 
function wpse82474_load_scripts() 
{ 
    wp_enqueue_script('my-theme-script' ,get_stylesheet_directory_uri().'/js/Snow.js' ,array('jquery')); 
    wp_enqueue_script('my-theme-script' ,get_stylesheet_directory_uri().'/js/ThreeCanvas.js' ,array('jquery')); 
    wp_enqueue_script('my-theme-script' ,get_stylesheet_directory_uri().'/js/Event.js' ,array('jquery')); 
} 
wp_enqueue_script('jquery'); // Load jQuery 
wp_script_is('jquery', 'registered') AND wp_enqueue_script('jquery'); 

感謝您的幫助

任何想法是有用的

感謝朱迪

回答

2

在位於哪個文件夾的js文件?在兒童主題文件夾?或者父主題文件夾?在最後一種情況下,您不應該使用get_stylesheet_directory_uri()。改用get_template_directory_uri()(get_template_directory_uri)。 get_stylesheet_directory_uri()用於獲取主題樣式表的文件夾,並且需要主題文件夾的位置。

wp_enqueue_script('my-theme-script', get_template_directory_uri().'/js/Snow.js' ,array('jquery')); 

而且,你不需要調用:

wp_enqueue_script('jquery'); 

當「我的主題腳本」被載入「jQuery的」自動加載爲好,因爲「我 - 主題 - 腳本'取決於'jquery'。

此外,使用了每個腳本加載一個獨特的暱稱,如:

wp_enqueue_script('my-theme-script-snow', get_stylesheet_directory_uri().'/js/Snow.js' ,array('jquery')); 
wp_enqueue_script('my-theme-script-treecanvas', get_stylesheet_directory_uri().'/js/ThreeCanvas.js' ,array('jquery')); 
wp_enqueue_script('my-theme-script-event', get_stylesheet_directory_uri().'/js/Event.js' ,array('jquery')); 

編輯

要重新雪效果請執行下列操作:

  • 在你的孩子主題,創建文件夾imgjs
  • img,把文件ParticleSmoke.png
  • js中,輸入文件Snow.jsThreeCanvas.js
  • 現在,從文件"snow3d.html"複製下面的代碼行到一個名爲Snow3D.js文件,並把它放在js文件夾:行27至144
  • 替換以下行:

    particleImage.src = '/img/ParticleSmoke.png';

  • 到:

    particleImage.src = img_folder + '/ParticleSmoke.png';

  • 的 「Snow3D.js」 的末尾添加以下代碼:

    jQuery(function() { init(); });

functions.php,添加以下代碼。請注意線路的順序:

add_action('wp_enqueue_scripts', 'wpse82474_load_scripts'); 
function wpse82474_load_scripts() 
{ 
    wp_enqueue_script('my-theme-script-threecanvas', get_stylesheet_directory_uri().'/js/ThreeCanvas.js', array('jquery')); 
    wp_enqueue_script('my-theme-script-snow', get_stylesheet_directory_uri().'/js/Snow.js', array('my-theme-script-threecanvas')); 
    wp_enqueue_script('my-theme-script-snow3d', get_stylesheet_directory_uri().'/js/Snow3D.js', array('my-theme-script-snow')); 

    $img_folder = get_stylesheet_directory_uri() . "/img/"; 

    wp_localize_script('my-theme-script-snow3d', 'img_folder', $img_folder); 
} 
  • style.css似乎是好的。

我認爲你現在是好去。讓我知道!

+0

哇感謝托馬斯將嘗試了這一點。我想把它放在我的孩子主題中。 –

+0

嗨,裘德。你是否也已經檢查了http://codex.wordpress.org/Child_Themes? –

+0

嗨Tomasz請你可以發佈整個代碼。我不明白如何實現這一點,因爲我更像一個設計師/前端開發人員。感謝朱迪 –