2013-04-16 28 views
1

我將寫一個小型圖表庫(包括圖表類型,如條形圖,餅圖,行等)用於WordPress上下文中。 該庫可能依賴於外部庫,如D3.js,underscore.js等。 理想情況下,我不必在每個頁面上包含所有圖表和所有依賴關係。用於WordPress的JavaScript依賴關係管理?

什麼是管理WordPress頁面和帖子中這些圖表實例化以及加載它們的依賴關係的好方法? Require.js示例,本地WP加載資源或類似的東西非常受歡迎。

謝謝。

回答

1

看看WordPress的wp_enqueue_scriptwp_enqueue_style函數。這是將腳本和樣式鏈接到頁面的推薦方法。您可以創建一個自定義函數,並使用條件語句來檢查正在顯示的頁面模板或頁面,並相應地加載相關的腳本。這樣你就不會在每一頁上加載它們。

function load_my_scripts() { 
    if (is_page('Charts')) { 
     wp_register_script('custom_script', 'path/to/script/',, '1.0', true); 
     wp_enqueue_script('custom_script') 
    } 
} 
add_action('wp_enqueue_scripts', 'load_my_scripts'); 

注意:wp_enqueue函數也有一個依賴關係的參數。有關更多詳細信息,請參閱Codex頁面。最後的'true'告訴它在關閉</body>標籤

之前在腳註中加載腳本