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?

check_circle

Leggi anche

Come creare sottomenu backend WordPress con add_submenu_page()
Scopri di più
Come creare pagina di amministrazione backend WordPress
Scopri di più
Cos'è il marketing mix
Scopri di più
Perché analizzare i competitor
Scopri di più
Come creare controlli personalizzati per Wp customizer
Scopri di più
Come inviare dati dei form con Ajax serialize() a php
Scopri di più
Elenco icone Google in un array in codice php
Scopri di più
Come usare le chiavi API Google
Scopri di più

Contattaci!

Preventivo sempre gratuito

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.

message
perm_identity
alternate_email

keyboard_arrow_up