Mettre en file d'attente conditionnelle le script / la feuille de style d'un widget dans HEAD (uniquement lorsqu'il est présent sur la page!)

J'ai essayé de charger des scripts et des styles pour un widget WordPress avec les conditions suivantes ...

1. Les scripts DOIVENT se charger dans la TETE (sinon ils se cassent).
2. Les scripts doivent se charger UNIQUEMENT lorsque le widget s'affiche réellement (ils sont assez lourds).

J'ai fait beaucoup de recherches, et cela semble être un problème courant (non résolu) ... mais j'espère que quelqu'un ici a réussi à mettre en œuvre une solution de contournement.

C'est le meilleur que j'ai eu jusqu'à présent ...

Ce qui suit est un widget simple qui imprime du texte dans la barre latérale. Il charge avec succès jQuery conditionnellement (lorsque le widget est réellement affiché) ... mais seulement dans le pied de page! (Remarque: il peut également ne fonctionner que sur WordPress 3.3 , bien que ce hack puisse fournir une compatibilité descendante).

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");') );

Il semble qu'une fois que WordPress commence à gérer les widgets, il est trop tard pour mettre en file d'attente (ou même annuler l'enregistrement de quelque chose mis en file d'attente plus tôt).

Toutes les idées seraient très appréciées!

Marque.

Wordpress comme une belle fonction is_active_widgetque vous pouvez utiliser dans votre __construct et tester si le widget est présent dans la page actuelle et ajouter vos scripts / styles en fonction de cet ex:

function __construct() {
    parent::__construct(__CLASS__, 'BasicWidget', array(
        'classname' => __CLASS__,
        'description' => "This is a basic widget template that outputs text to the sidebar"
    ));
     if ( is_active_widget(false, false, $this->id_base) )
        add_action( 'wp_head', array(&$this, 'add_styles_and_scripts') );
}

function add_styles_and_scripts(){
    //since its wp_head you need to echo out your style link:
    echo '<link rel="stylesheet" href="http://example.com/css/style.css" type="text/css" />';
    //as for javascript it can be included using wp_enqueue_script and set the footer parameter to true:
    wp_enqueue_script( 'widget_script','http://example.com/js/script.js',array(),'',true );
}

Alternativement, vous pouvez essayer le plug-in "Widget Logic" ... il utilise des instructions conditionnelles pour le chargement du widget.

C'est tout à fait le contraire - mais le résultat devrait être comme prévu.

wp_print_scripts & wp_print_styles peuvent être les bons hooks, ajoutez simplement des actions à ces hooks avec la priorité 100 quelque chose - pour être le tout dernier dans la file d'attente. wp_enqueue_script (), wp_enqueue_style (), wp_deregister_script (), wp_deregister_style () ...

Vos problèmes avec le code ci-dessus peuvent ne pas avoir le paramètre de priorité (non testé)? Codex WP

Vous pouvez simplement utiliser wp_enqueue_script ou wp_enqueue_style dans la méthode (fonction) du widget dans votre classe Widget personnalisée et il ne chargera les scripts que si le widget est actif. Voir les détails et l'exemple ici: https://wpshed.com/wordpress/load-scripts-styles-widget-active/