如何将 js 文件添加到 wordpress 小部件？答案

【问题标题】：How to add js-file to wordpress widget?如何将 js 文件添加到 wordpress 小部件？
【发布时间】：2017-06-29 19:01:00
【问题描述】：

我尝试将 test.js 文件添加到前端部分的小部件中。但它什么也没有发生。该文件包含警报。我的代码有什么问题？

class PPNDR_new_widget extends WP_Widget{
    function __construct(){
        $args = array(
        'name' => 'new widget',
        'description' => 'this is my first widget',
        'classname' => 'ppndr-new-widget'
        );
        parent::__construct('my_first', '', $args);
    }

    //front-end display of widget
    public function widget($args, $instance) {
        add_action('wp_enqueue_scripts', 'CounDounJS_enqueue_js');

        function CounDounJS_enqueue_js() {
            wp_enqueue_script('resize', plugins_url('/assets/js/test.js', __FILE__));
        }
        return;
    }
}

add_action( 'widgets_init', function() {
    register_widget('PPNDR_new_widget');
} );

【问题讨论】：

标签： javascript wordpress path widget

【解决方案1】：

我遇到了类似的问题，谷歌把我带到了这里——最终对我有用的是消除了 add_action('wp_enqueue_scripts.. 并简单地将我的脚本和样式排入小部件函数中。

例如：

    //front-end display of widget
    public function widget($args, $instance) {

        wp_enqueue_script('resize', plugins_url('/assets/js/test.js', __FILE__));

    }

存在无法使脚本出队的问题，但我怀疑对此的需求很小。

希望这会有所帮助。

【讨论】：