Español
Română
РусскийCome caricare jQuery di WordPress nella sezione head
Nel mio blog WordPress ho incluso uno slideshow basato su javascript nella parte superiore che funziona bene. Ho un file PHP che genera il javascript necessario che deve andare nel tag <head> tramite un "add_action" nel file functions.php del mio tema child:
function add_slideshow_js() {
include('/path/slideshow_output.php');
echo $js_output;
}
add_action( 'wp_head', 'add_slideshow_js' );
Il javascript che questo PHP genera include una chiamata al file javascript di controllo:
<script src="path/slideshow.js" type="text/javascript"></script>
... seguito dal javascript che crea lo slideshow della pagina.
Funziona tutto molto bene e ha un bell'aspetto. Il fatto è che dipende da jQuery, ma funzionava bene, quindi mi sono chiesto come jQuery venisse effettivamente incluso.
Ho disattivato tutti i miei plugin e ha smesso di funzionare. Quindi ovviamente uno di loro includeva jQuery permettendogli di funzionare.
Ma ho pensato che vorrei assicurarmi che jQuery venga incluso, senza fare affidamento su un plugin, dato che potrei eliminare il plugin vitale in futuro e ovviamente vorrei che lo slideshow continui a funzionare.
Quindi, con tutti i plugin disabilitati, ho pensato di includere jQuery esplicitamente io stesso, scrivendo questa funzione nel file functions.php del mio tema child:
function insert_jquery(){
wp_enqueue_script('jquery');
}
add_filter('wp_head','insert_jquery');
Ora, questo include jQuery, ma viene chiamato nel footer, e sperimentando ho scoperto che lo slideshow funzionerà solo se jQuery viene chiamato all'interno del tag <head>.
Potrei scrivere una funzione per chiamare il mio file jQuery personale, ma ho l'impressione che sia meglio utilizzare jQuery incluso con WordPress e, in ogni caso, ho pensato che riabilitando i plugin jQuery verrebbe chiamato due volte.
Quindi quale funzione posso scrivere nel file functions.php del mio tema child che farà caricare in modo affidabile jQuery di WordPress nella sezione <head> della pagina?
Spero che tutto questo abbia senso.
Ho scoperto che includere questo esatto codice della funzione nel file functions.php del mio child theme posiziona nuovamente jquery correttamente nell'<head> e quindi riabilita il mio slideshow. È fantastico, ma sono ancora perplesso, poiché sembravi suggerire che il suo scopo fosse prevenire che qualche plugin "ribelle" posizionasse jquery nel footer - ma tutti i miei plugin sono disabilitati. Quindi cosa sta sovrascrivendo?
John Doe
Sta semplicemente aggiungendo lo script nell'header che è necessario per far funzionare il tuo slideshow, ma poiché alcuni dei tuoi plugin lo aggiungevano nel footer (potrebbe esserci qualche funzionalità di quei plugin che richiede questo script nel footer), quelle funzionalità non funzioneranno correttamente.
Vinod Dalvi
Non capisco cosa possa forzare jquery a caricarsi nel footer quando ogni singolo plugin è disabilitato. Possono farlo anche mentre sono disabilitati?
John Doe
No, non lo fanno durante la disattivazione. Prova a cambiare tema con un altro tema predefinito come Twenty Twelve e poi verificalo.
Vinod Dalvi
Un cambio di tema non fa differenza. Per riassumere, con tutti i plugin disabilitati, un tentativo di aggiungere jquery con function insert_jquery(){
wp_enqueue_script('jquery');
}
add_filter('wp_head','insert_jquery'); carica jquery nel footer, mentre usando il codice sopra lo carica correttamente nel tag <head> come dovrebbe fare. Non capisco questo comportamento.
John Doe
Capisco che devo ricercare e apprendere i problemi del "quadro generale" che indichi, ma sono perplesso su come il plugin 'rogue' possa ancora far caricare jquery nel footer quando tutti i plugin sono stati temporaneamente disabilitati.
John Doe
Se non è il plugin, allora è il tema o meno probabilmente un mu-plugin. La risposta di @VinodDalvi supporta l'idea che jQuery si carichi nell'head per impostazione predefinita.
s_ha_dum