我一直在尝试在以下情况下为WordPress小部件加载脚本和样式...
- 脚本必须加载到HEAD中(否则它们会中断)。
- 仅在小部件实际显示时才加载脚本(它们非常重)。
我已经做了很多搜索,这似乎是一个常见的(未解决的)问题……但是我希望这里的某个人已经成功实现了解决方法。
这是到目前为止我所能做到的最好的...
以下是一个简单的小部件,可将文本打印到侧边栏。它成功地有条件地加载了jQuery(实际上是在显示小部件时)...尽管仅在页脚中!(注意:尽管此hack可能提供向后兼容性,但它也可能仅在WordPress 3.3上有效)。
class BasicWidget extends WP_Widget
{
function __construct() {
parent::__construct(__CLASS__, 'BasicWidget', array(
'classname' => __CLASS__,
'description' => "This is a basic widget template that outputs text to the sidebar"
));
}
function form($instance) {
$instance = wp_parse_args( (array) $instance, array( 'title' => '' ) );
$title = $instance['title'];
?>
<p><label for="<?php echo $this->get_field_id('title'); ?>">Title: <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo esc_attr($title); ?>" /></label></p>
<?php
}
function update($new_instance, $old_instance) {
$instance = $old_instance;
$instance['title'] = $new_instance['title'];
return $instance;
}
function widget($args, $instance) {
extract($args, EXTR_SKIP);
echo $before_widget;
$title = empty($instance['title']) ? ' ' : apply_filters('widget_title', $instance['title']);
if (!empty($title))
echo $before_title . $title . $after_title;;
echo "<h1>This is a basic widget!</h1>";
echo $after_widget;
// if we're echoing out content, enqueue jquery.
if (!empty($after_widget)) {
wp_enqueue_script('jquery');
}
}
}
add_action( 'widgets_init', create_function('', 'return register_widget("BasicWidget");') );
似乎一旦WordPress开始处理小部件,现在入队(甚至取消注册较早入队的东西)为时已晚。
任何想法将不胜感激!
标记。