如何从自定义插件向<head>添加自定义Java脚本

时间：2014-01-05 作者：handicop

我写了一个插件，但它一直在将自定义javascript添加到节中，而不是每个页面的节中。有谁能帮助我或者给我一个如何将js添加到节中的提示吗？

public constructor {
    add_action( \'init\', array( $this, \'custom_js_register\' ) );
    add_action( \'wp_head\', array( $this,  \'custom_js_print\' ) );
}

function custom_js_register() {
    wp_register_script(\'custom_button\', \'http://xxx.xxx.xxx/js/Button.js\');
}

function custom_js_print() {
    wp_enqueue_script(\'custom_button\');
}
另外，我不想只加载js，我希望能够做类似的事情。

<script type="text/javascript" src="http://xxx.xxx.xxx/js/Button.js" charset="UTF-8">
</script>

1 个回复
SO网友:bueltge

您必须使用钩子将脚本排入WordPress中的队列。使用挂钩wp_enqueue_scripts对于前端和admin_enqueue_scripts 对于后端侧。

如果要将脚本和样式排入队列，则需要使用以下三个挂钩之一：

  1. wp_enqueue_scripts （对于前端）login_enqueue_scripts （用于登录屏幕）admin_enqueue_scripts （对于管理仪表板）
使用一种方法注册和排队脚本就足够了。区别在于其他开发人员取消注册脚本的好处。

public constructor() {

    add_action( \'wp_enqueue_scripts\', array( $this,  \'custom_js_register\' ) );
}

public function custom_js_register() {

    wp_register_script( \'custom_button\', \'http://xxx.xxx.xxx/js/Button.js\' );
    wp_enqueue_script( \'custom_button\' );

}
Als提示不要使用静态地址，带有http. 最好使用wp功能plugins_url. 还有一个例子：

    wp_register_script( self::$handle,
           plugins_url( \'js/\', __FILE__ ) . \'Button.js\'
    );

结束
标签： javascript   小码农  

相关推荐

如何包含php生成的javascript？

我环顾四周，迄今为止还没有找到很好的解决方案：我想使用wp_enqueue_script, 但是Wordpress似乎限制了我加载的javascript文件的范围，正如我的javascript文件所说：未捕获类型错误：对象[对象对象]没有方法“photogallery”这是我想加载的输出，就像它自己的脚本通过wp_enqueue_script:<script type = \"text/javascript\"> (function ($) {