如何将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');
} );

- Yaroslav Shabanov

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

    }

有一个问题是无法取消排队的脚本，但我怀疑需要这样做的情况很少。

希望这可以帮到你。

- logic8