email

Come usare jQuery in WordPress senza errore $ is not a function

Ti trovi in:
  1. blog Programmazione Come usare jQuery in WordPress senza errore $ is not a function

Pubblicato il , aggiornato il 23 Aprile 2020

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.

code

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?

code

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:

code

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?

Contattaci!

Preventivo sempre gratuito

Fabio Fresia, fondatore e titolare di Eureka Web di Asti

perm_device_information366 - 400 9542       emailinfo@agenziawebeureka.it

perm_identity
alternate_email
phonelink_ring
message