whatsapp   

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?

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
come creare una scheda su google maps
Scopri

Contattaci

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