Sabato
19
Marzo 2022
Come usare jQuery in WordPress senza errore $ is not a function
Indice dei contenuti
In questa guida vedremo come usare correttamente jQuery nel tuo sito WordPress senza errori.
Se stai sviluppando un plugin, un tema un semplice sezione del tuo sito web in WordPress allora non potrai fare a meno di utilizzare jQuery per le animazioni o per interagire con il Php.
WordPress installa già jQuery
WordPress installa jQuery su tutte le pagine di frontend e backend del tuo sito web in automatico, senza dover apportare modifiche o integrazioni.
Se hai ispezionato la console del tuo sito web l’errore che vedi è:
Uncaught TypeError: $ is not a function
Se guardi nei network e provi a filtrare i js caricati ti accorgerai che jQuery è già presente in WordPress ed è richiamato nell’head della pagina.
Allora perchè non funziona?
Per risolvere l’errore “Uncaught TypeError: $ is not a function” basta utilizzare la funzione noConflict() di jQuery, sostituire il $ con “jQuery” e richiamare il $ come parametro nella fn document.ready() in questo modo:
Come risolvo l’errore jQuery
Ecco la funzione:
jQuery.noConflict();
jQuery(document).ready(function($) {
//adesso puoi utilizzare $ senza problemi
$(‘your-element’).your-code();
});
Adesso racchiudi tutti i tuoi script in questa funzione e risolverai l’errore Uncaught TypeError: $ is not a function
Ti lascio la guida completa su come installare jQuery, avrai anche i pacchetti per scaricarlo
Ora che sai come usare jQuery in WordPress, perché non scopri come creare un plugin?
Scrivi un commento