Español
Română
РусскийCome includere correttamente gli effetti jquery-ui su WordPress
Ho provato a includere gli effetti jquery ui (più specificamente l'effetto shake) nel mio tema wordpress. Finora, sono riuscito solo a includere lo script jQuery, ma non ho idea di dove posizionare gli script ui e come metterli in coda.
Questo è il codice che ho. Ovviamente non funziona:
<?php wp_enqueue_script("jquery"); ?>
<?php wp_enqueue_script("jquery-ui-core"); ?>
<?php wp_head(); ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j("#manita-imagen").mouseover(function(){
//$j(this).animate({ opacity: "hide" })
// alert('asd');
$j(this).effect("shake", { times:3 }, 300);
});
});
</script>Grazie per il vostro aiuto!
Tieni presente che per ottenere un effetto reale (blind, bounce, fade, ecc.) devi caricare esplicitamente quell'effetto. Ad esempio per 'fade': wp_enqueue_script( 'jquery-effects-fade' );
SunnyRed
L'utente dovrebbe inserire il proprio Javascript in un file separato e poi caricare quel file elencando le dipendenze necessarie. In questo modo, WordPress (e i plugin per le performance) conoscono l'ordine richiesto per caricare questi script e li posizioneranno nell'ordine corretto nella pagina.
Dave Hilditch
Non esattamente vero. Finché li chiama prima di wp_head(), dovrebbe funzionare bene. Non devono essere agganciati, e comunque non dovrebbero essere agganciati a init. Se vuoi agganciarli da qualche parte, usa l'action hook 'wp_enqueue_scripts'. È proprio quello lo scopo per cui esiste.
Otto
@Otto Quello che dici sembra logico. Ma hai una spiegazione del perché nel codex dice quello che ha scritto @EAMann - "Usa l'azione init per chiamare questa funzione"? E il suo esempio è preso da lì... http://codex.wordpress.org/Function_Reference/wp_enqueue_script
Lea Cohen
Il codex è approssimativo in alcuni punti. L'azione migliore da usare per questo è 'wp_enqueue_scripts' per il front end, o 'admin_enqueue_scripts' per il back end. Agganciarsi a init funziona, ma comporta l'enqueue inutile dello script su tutto il sito.
Otto
Ho aggiornato il mio snippet di codice di conseguenza. Originariamente era una reazione rapida basata sulla reference del Codex... usare wp_enqueue_scripts è sicuramente la strada migliore da percorrere ed evita di richiedere un ulteriore controllo is_admin().
EAMann
Anche questo è sbagliato - i plugin di performance hanno bisogno di conoscere le dipendenze. L'autore dovrebbe scrivere il proprio file .js e metterlo in coda (enqueue) specificando le dipendenze - WordPress gestirà il resto.
Dave Hilditch
Puoi persino caricare tutte le librerie jQuery dal CDN di Google invece che dal tuo sito.
Jan Fabry
Sconsiglio vivamente di caricare script da fonti esterne. L'ho fatto per molto tempo e (raramente) è capitato che l'host fosse down, quindi più clienti hanno avuto problemi con le loro pagine contemporaneamente.
Julian F. Weinert
@JulianF.Weinert è un'arma a doppio taglio, con un buon cdn significa latenza più bassa ma mancanza di controllo se fallisce. Detto questo, se il cdn di Google va giù, metà Internet fallirà quindi il tuo non sarà l'unico. Le possibilità che sia down e non memorizzato nella cache del browser di un utente sono comunque scarse. Nella maggior parte delle situazioni usare un cdn è un vantaggio.
Alex
Vero. Non stavo parlando di un CDN completo, che ovviamente andrebbe benissimo in questo caso, visto che è progettato proprio per quel tipo di utilizzo. Tuttavia, penso che caricare script da qualsiasi john-doe.com sia un po' rischioso
Julian F. Weinert
Non dovresti usare l'hook init per fare l'enqueueing. Usa l'hook wp_enqueue_scripts solo per il front end o l'hook admin_enqueue_scripts per il back end.
Otto
Non sapevo che l'azione wp_enqueue_scripts fosse solo per il front end. Grazie :)
Tareq
Perfetto, grazie!
Dragi Postolovski
Pensavo potessi avere ragione (a volte i nomi con cui WP registra gli script sono diversi da quelli standard utilizzati) ma in questo caso registrare 'jquery-ui-core' dovrebbe funzionare. È elencato in http://core.trac.wordpress.org/browser/branches/3.0/wp-includes/script-loader.php#L121
goldenapples
Ottimo punto! Ho presupposto che volesse caricare solo quella libreria jQuery, nel qual caso caricare il resto sarebbe un po' ridondante.
editor
Hai capito bene. Utilizzare le dipendenze nelle tue chiamate wp_enqueue_script è il modo corretto per includere jquery/jquery-ui/etc. Non è necessario registrarli separatamente.
Michae Pavlos Michael
E se li registri separatamente quando il tuo script dipende da loro, il tuo script potrebbe/non funzionerà sui siti che ottimizzano le prestazioni - ad esempio se gli script vengono combinati in un unico script per velocizzare il caricamento, o se sono differiti o minimizzati (dipende dalla minimizzazione ma l'ordine può cambiare). Se non hai detto a WordPress che il tuo script dipende da altri script, non puoi garantire l'ordine in cui verranno caricati.
Dave Hilditch