小部件插件的 WP 排队脚本

Question

前几天我在为 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'];
}

我已经尝试了几个小时，但我无法让它工作。下面是 link 到 Github 项目页面。

我对为 WordPress 编写插件还很陌生，所以更多的细节将非常有帮助。

https://github.com/ModMarc/WordPress-Humanity-Box-Widget/blob/master/Widget.php

Answer 1

试试这个脚本吧

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'];
    }

小部件插件的 WP 排队脚本

WP Enqueue Script for Widget Plugin

php

wordpress

widget