在Wordpress插件中加载自定义JavaScript

Christian Mayne 发表于 Dev

克里斯蒂安·梅恩

好的，这让我发疯了：

我正在尝试构建一个简单的Wordpress插件，并且正在尝试确保js与php分开。我已经看过了法典和各种教程，但是要么他们都在做假设，要么我只是个白痴，因为它不起作用...基本上，我最终希望通过ajax向自定义添加一些行添加帖子时使用表格，但首先我要让“ Hello World”在“添加帖子”页面上工作...

当然，这很简单：

这是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');

有人可以给我一个线索吗？目前，即使Google也不是我的朋友。也许是因为很晚，我不知道...

曼尼舍

尝试这个：

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”），以便将它们在脚本之前加载。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。