包括样式和JS文件以在我的插件界面上工作

时间:2015-07-12 作者:Ben Connor Hansell

嘿WordPress社区,

我在尝试添加在插件界面上运行的样式表和JavaScript文件时遇到了一些问题。

到目前为止,我有:

add_action(\'wp_enqueue_scripts\',\'dlm_scritps_init\');

function dlm_scritps_init() {
    wp_enqueue_script( \'dlm-scripts\', plugins_url( \'data-layer-plugin/js/dlm-window.js\', __FILE__ ));
}
Ess通常我需要JavaScript文件来完成的是,当在插件界面上单击此按钮时,会弹出一个带有证书字段的表单,并可以选择添加自定义字段,所有这些字段都只是文本框。

一旦用户输入了他们尊重的数据,他们只需将这些数据提交到选项中。

enter image description here

上面是将单击以显示表单的按钮。

那么,单击此按钮后,我如何将此JavaScript文件排队以运行代码呢?

1 个回复
SO网友:Ben Connor Hansell

经过更好的搜索我找到了答案,

function my_enqueue($hook) {
    if ( \'settings_page_data-layer-management\' != $hook ) {
        return;
    }

    wp_enqueue_script( \'my_custom_script\', plugins_url( \'js/dlm-window.js\', __FILE__ ));
}
add_action( \'admin_enqueue_scripts\', \'my_enqueue\' );
以防有人有这个问题。

我之前有一个“前端”挂钩wp_enqueue_scripts

对于后端,您需要使用管理挂钩admin_enqueue_scripts 用于添加操作。

接下来是试图找到正确的页面挂钩。幸运的是,wordpress在将$钩子导入函数方面很有帮助,然后可以使用一个简单的if语句来确定在哪个页面上运行脚本。

如果您在查找插件挂钩时遇到问题,请简单echo $hook 看看你的是什么。

完整文档可在此处找到:

http://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_scripts

结束