如何使用wp_enqueue_script加載js？

我試圖用wp_enqueue_script調用js庫。但我無法弄清楚我在這裏弄錯了什麼，我想用於插件請告訴我如何使用我的插件目錄。如何使用wp_enqueue_script加載js？

add_action('wp_enqueue_scripts', 'add_custom_script'); 
function add_custom_script(){ 
    wp_enqueue_script( 
    'jquery-custom-script', 
    get_template_directory_uri().'/js/jquery-custom-script.js' 
); 
}

任何人都可以弄清楚我在這裏弄錯了什麼。

來源

2017-09-12 Anand Choudhary

您可以使用plugin_dir_url函數。

例子：

/** 
* Include CSS file for MyPlugin. 
*/ 
function myplugin_scripts() { 
    wp_register_script('foo-js', plugin_dir_url(__FILE__) . 'assets/foo-custom.js'); 
    wp_enqueue_script('foo-js'); 
} 
add_action('wp_enqueue_scripts', 'myplugin_scripts');

如果傳遞__FILE__作爲獲取當前PHP腳本文件路徑的爭論

來源

2017-09-12 12:26:42 purvik7373

@AnandChoudhary如果此答案對您有幫助，那麼請將其標記爲已批准，以便對其他人有所幫助。 – purvik7373

如果你想從一個插件加載JS，讓我們的插件裏面說/ my-plugin目錄，代碼直接在plugins/my-plugin中運行，執行如下操作（還添加了一個明確指定jQuery作爲腳本依賴項的參數）：

wp_enqueue_script('jquery-custom-script', plugin_dir_url(__FILE__) . 'js/jquery-custom-script.js', ['jquery']);

來源

2017-09-12 12:31:30 klumme

-1

就做這樣的事情：

wp_enqueue_script('custom-js', get_template_directory_uri() . '/custom.js', array('jquery'), null, true);

來源

2017-09-12 12:41:25

的最佳方式插入JS和CSS在WordPress插件是

先註冊文件和第二使用它們。

// register scripts and style on initialization 
add_action('init', 'register_style'); 
function register_style() { 
    wp_register_style('style', plugins_url('/css/style.css', __FILE__), false, '1.0.0', 'all'); 
    wp_register_script('scripts', plugins_url('/js/scripts.js', __FILE__)); 
} 

// use the registered scripts and style above 
add_action('wp_enqueue_scripts', 'enqueue_style'); 

function enqueue_style(){ 
    wp_enqueue_style('style'); 
    wp_enqueue_script('scripts'); 
}

來源

2017-09-12 13:30:52

如何使用wp_enqueue_script加載js？

回答

相關問題