javascript - 如何将 js 文件添加到 wordpress 小部件？

Question

我尝试在前端部分将 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');
} );

Answer 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__));

    }

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

希望这对您有所帮助。