jQuery: includerlo correttamente in Wordpress

Delicious Stumble Upon | jQuery: includerlo correttamente in Wordpress

settembre 2nd, 2009 by Simone D'Amico in: Wordpress, jQuery, php | 5 Comments »

Molti leggendo il titolo dell’articolo avranno riposto: basta scaricarlo e inserirlo nell’header della pagina!

Niente di più vero. Effettivamente la strada più semplice da compiere è proprio questa; ovvero scaricare il framework, inserirlo nel server e includerlo all’interno del file “header.php”.

<script type="text/javascript" src="path/to/jquery/jquery.js"></script>

Bisogna riconoscere che in fase di realizzazione del template le cose vanno bene, non ci saranno intoppi o malfuzionamenti. I problemi incominceranno ad uscire nel momento in cui il template sarà reso operativo e si inseriranno plugin che fanno uso di tale script. Essi, non trovandolo, andranno a caricarlo creando ovviamente problemi.

jQuery però è già incluso in Wordpress dentro il path wp-includes\js\jquery, ed è disponibile una funzione per richiamarlo nel momento del bisogno. Il giusto modo per caricarlo all’interno del nostro template è richiamarlo prima di eseguire la funzione wp_head() nell’header.php. Il seguente codice, quindi, carica correttamente il framework evitando malfunzionamenti:

//header.php
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>

Un altro problema che potrebbe sorgere è l’utilizzo in contemporanea di diversi framework. Tale conflitto può essere risolto con pochissime righe di codice, basta attivare il no-conflict integrato in jQuery. Il codice necessario è il seguente:

var $j = jQuery.noConflict();

$j(function(){

 $j("a").click(function(){
   alert("jQuery works!");
 });

});

Come abbiamo potuto notare l’integrazione senza conflitti è molto semplice e richiede poche operazioni. Dopotutto sfruttare gli strumenti che Wordpress ci mette a disposizione (e sono tanti) garantisce sicuramente il miglior risultato.

Via | digwp