在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"),以便在脚本之前加载它们.