Eventi e Listener
Logic bug: event handler executed multiple times for a single user click (duplicate .on() binding) – jQuery EVENT_DUPLICATE_BINDING
Invocare il binding di un evento (es. '$("#btn").on("click", ...)') all'interno di una funzione richiamata ripetutamente o di una callback AJAX accumula listener multipli; si risolve scollegando prima con '.off("click").on("click")' o usando '.one("click")'.
Cosa significa questo errore?
Invocare il binding di un evento (es. '$("#btn").on("click", ...)') all'interno di una funzione richiamata ripetutamente o di una callback AJAX accumula listener multipli; si risolve scollegando prima con '.off("click").on("click")' o usando '.one("click")'.
Messaggio originale
Logic bug: event handler executed multiple times for a single user click (duplicate .on() binding)Contesto e parole chiave
Alias
- jQuery event executed multiple times duplicate on
Messaggi alternativi
- funzione evento eseguita più volte per singolo click
Prodotti
- jQuery Library (v1.x, v2.x, v3.x, v4.x)
Piattaforme
- Linux
- macOS
- Qualsiasi Browser Web
- Windows
Parole chiave
- ajax
- errore-jquery-duplicate-event-handler-executed
- Eventi e Listener
- javascript
- jquery
- jquery.eventi.event-handler-executed-multiple-times-duplicate-binding
Cause possibili
Causa tecnica per Errore jQuery: Gestore Evento Eseguito Più Volte per Singolo Click (Binding Duplicato)
Invocare il binding di un evento (es. '$("#btn").on("click", ...)') all'interno di una funzione richiamata ripetutamente o di una callback AJAX accumula listener multipli; si risolve scollegando prima con '.off("click").on("click")' o usando '.one("click")'.
molto comuneDiagnosi
Diagnostica DOM o AJAX per Errore jQuery: Gestore Evento Eseguito Più Volte per Singolo Click (Binding Duplicato)
Verificare lo stato della variabile window.jQuery nella Console DevTools (F12) e ispezionare il tab Network per le chiamate AJAX.
Come leggere il risultato. Restituisce la versione attiva di jQuery e il numero effettivo di nodi DOM corrispondenti al selettore.
console.log(jQuery.fn.jquery); console.log($('.my-element').length);Risoluzione
Risoluzione standard per Errore jQuery: Gestore Evento Eseguito Più Volte per Singolo Click (Binding Duplicato)
Applicare la correzione al codice o alla configurazione degli script jQuery nel frontend.
- Ispezionare la riga segnalata nella console del browser
- Correggere il selettore CSS, il passaggio dei parametri o la delegazione con .on()
- Ricaricare la pagina con cache svuotata (Ctrl+F5) per verificare la risoluzione
Domande frequenti
Come risolvere l'errore Errore jQuery: Gestore Evento Eseguito Più Volte per Singolo Click (Binding Duplicato) in jQuery?
Invocare il binding di un evento (es. '$("#btn").on("click", ...)') all'interno di una funzione richiamata ripetutamente o di una callback AJAX accumula listener multipli; si risolve scollegando prima con '.off("click").on("click")' o usando '.one("click")'.
Approfondimenti
- jQuery API Documentation / jQuery Core Issues documentazione_ufficiale