">

Come implementare jQuery in Wordpress

Data: 7 Aprile 2020 | Categoria: web,

Hai provato ad aggiungere jQuery in WordPress e non funziona?
Molto probabilmente la funzione jQuery che hai aggiunto più o meno è così:

$(document).ready(function(){ 
  $("p").click(function(){ 
    $("#example").hide(); 
  }); 
});

Ispezionando l’elemento potresti notare nella tab console, un’errore:
$ is not a function

Il problema è che il metodo sintetico “$” per jQuery non funziona.
Gli sviluppatori di plug-in e di temi ormai utilizzano “jQuery” anziché “$” per una corretta compatibilità.

/* jQuery Tradizionale */ 
$("#example").hide(); 

/* Corretto utilizzo di jQuery in WordPress */ jQuery("#example").hide();

Nella maggior parte dei casi gli script dovrebbero risiedere nel Footer.
Potresti creare un’anonima funzione e avvolgere il tutto in questo modo:

(function($) { 
$("p").click(function(){
$("#example").hide();
});
})( jQuery );

Se la situazione invece richiede l’inserimento dello script nell’Header, questa soluzione potrebbe fare al caso tuo:

jQuery(document).ready(function( $ ) { 
$("p").click(function(){
$("#example").hide();
});
});

Alla prossima con un nuovo tips.!