在Wordpress插件中加載自定義JavaScript

Question

好的，這讓我瘋了：

我正在嘗試構建一個簡單的Wordpress插件，我正在努力確保js與php分開。 我已經完成了手抄本和各種教程，但要么他們都在做假設，要么我只是一個白痴，因為它不起作用......基本上，我最終希望使用ajax添加一些行來定制我添加帖子時的表格，但首先我要讓這個Hello World在Add Post頁面上運行...

當然這很容易：

這是myplug / js / myplugin.js中的javascript：

jQuery(document).ready(function(){
    alert("dothis");
});

這是插件中的版本（但很糟糕）：

function admin_load_js(){
    echo '<script type="text/javascript" src="http://www.mysite.com/wp-content/plugins/myplugin/js/myplugin.js"></script>';
}
add_action('admin_head', 'admin_load_js');

這稍微好一些，但不起作用（jQuery未定義）：

function admin_load_js(){
    echo '<script type="text/javascript" src="http://www.mysite.com/wp-content/plugins/myplugin/js/myplugin.js"></script>';
}
add_action('admin_enqueue_scripts', 'admin_load_js');

這是我認為應該這樣做的方式，但根本不起作用只是沒有做任何事情：

function admin_load_js(){
 wp_register_script( 'custom_js', plugins_url( '/js/myplugin.js', __FILE__ ) );
}
add_action('admin_enqueue_scripts', 'admin_load_js');

有人可以在這里給我一個線索嗎？ 即使谷歌目前也不是我的朋友。 也許是因為已經晚了，我不知道......

Answer 1

嘗試這個：

function admin_load_js(){
    wp_enqueue_script( 'custom_js', plugins_url( '/js/myplugin.js', __FILE__ ), array('jquery') );
}
add_action('admin_enqueue_scripts', 'admin_load_js');

wp_register_script只是注冊腳本。 您仍需要手動加載腳本。

或者您可以使用wp_enqueue_script同時完成所有操作。 使用wp_enqueue_script，您可以指定依賴項（在本例中為“jquery”），以便在腳本之前加載它們。