whatsapp
keyboard_arrow_down Contatti

Sabato

19

Marzo 2022

come usare jquery in wordpress senza errori

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

  1. blog Come usare jQuery in WordPress senza errore $ is not a function
event_available
schedule

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?

Ti è piaciuto questo articolo?

favorite thumb_down
Autore articolo

Fabio

Sono un terribile realista. Pratico e determinato ma anche un grande sognatore, ecco perché do continuamente vita a nuovi progetti online e non. Nel 2019 ho fondato Eureka Web proprio per rendere possibile tutto questo. Insieme possiamo realizzare la tua idea!


Visita il sito
library_books

Leggi anche

convertire oggetti in array php
Scopri
come creare shortcode con attributi wordpress
Scopri
come Creare shortcode per Wordpress senza errori
Scopri

Contattami

perm_identity
alternate_email
phonelink_ring
message

Il tuo messaggio è stato inviato con successo!
Ti risponderemo a breve

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

message
perm_identity
alternate_email

keyboard_arrow_up