WP小工具插件的排队脚本 - WP Enqueue Script for Widget Plugin

WP Enqueue Script for Widget Plugin

本文关键字：排队脚本插件工具 WP | 更新日期: 2023-09-27

前几天我正在为WordPress开发一个小部件插件，在实现下面代码中的wp-enqueue脚本函数时遇到了问题。

https://codex.wordpress.org/Function_Reference/wp_enqueue_script

/**
 * Front-end display of widget.
 *
 * @see WP_Widget::widget()
 *
 * @param array $args     Widget arguments.
 * @param array $instance Saved values from database.
 */
public function widget( $args, $instance ) {
    echo $args['before_widget'];
    if ( ! empty( $instance['title'] ) ) {
        echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ). $args['after_title'];
    }
    echo __( '<script type="text/javascript" src="https://d21djfthp4qopy.cloudfront.net/humanitybox.js "></script>', 'text_domain' );
    echo $args['after_widget'];
}

我已经试了好几个小时了，但我不能让它发挥作用。下面是Github项目页面的链接。

我刚开始为WordPress编写插件，所以更多的细节会非常有帮助。

试试这个脚本它的工作

public function widget( $args, $instance ) {
        echo $args['before_widget'];
        if ( ! empty( $instance['title'] ) ) {
            echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ). $args['after_title'];
        }
                wp_enqueue_style('jquery-style', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');
                wp_enqueue_script('event-default', plugin_dir_url(__FILE__) . '/js/default.js', array('jquery'));
        //echo __( '<script type="text/javascript" src="https://d21djfthp4qopy.cloudfront.net/humanitybox.js "></script>', 'text_domain' );
        echo $args['after_widget'];
    }