Logic bug: Cloned DOM element does not respond to clicks because .clone() defaults to withDataAndEvents: false – jQuery CLONE_MISSING_EVENTS

CLONE_MISSING_EVENTS

Il metodo '$el.clone()' non copia i listener di eventi né i dati associati con '$.data()' per impostazione predefinita; per duplicare un elemento mantenendo attivi tutti i relativi eventi jQuery è necessario passare 'true': '$el.clone(true, true)'.

Cosa significa questo errore?

Il metodo '$el.clone()' non copia i listener di eventi né i dati associati con '$.data()' per impostazione predefinita; per duplicare un elemento mantenendo attivi tutti i relativi eventi jQuery è necessario passare 'true': '$el.clone(true, true)'.

Messaggio originale

Logic bug: Cloned DOM element does not respond to clicks because .clone() defaults to withDataAndEvents: false

Contesto e parole chiave

Alias

  • jQuery clone does not copy click events

Messaggi alternativi

  • elemento clonato perde i gestori eventi parametro withDataAndEvents false

Prodotti

  • jQuery Library (v1.x, v2.x, v3.x, v4.x)

Piattaforme

  • Linux
  • macOS
  • Qualsiasi Browser Web
  • Windows

Parole chiave

  • ajax
  • CLONE_MISSING_EVENTS
  • errore-jquery-clone-missing-events-data
  • javascript
  • jquery
  • jquery.dom.clone-with-data-and-events-false
  • Manipolazione DOM e Animazioni

Cause possibili

Origine del problema per Errore jQuery: Elemento Clonato Perde Eventi (.clone(true))

Il metodo '$el.clone()' non copia i listener di eventi né i dati associati con '$.data()' per impostazione predefinita; per duplicare un elemento mantenendo attivi tutti i relativi eventi jQuery è necessario passare 'true': '$el.clone(true, true)'.

molto comune

Diagnosi

Diagnostica DOM o AJAX per Errore jQuery: Elemento Clonato Perde Eventi (.clone(true))

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.

terminal
console.log(jQuery.fn.jquery); console.log($('.my-element').length);

Risoluzione

Risoluzione per Errore jQuery: Elemento Clonato Perde Eventi (.clone(true))

Difficoltà: facileRischio: basso

Applicare la correzione al codice o alla configurazione degli script jQuery nel frontend.

  1. Ispezionare la riga segnalata nella console del browser (F12)
  2. Correggere il selettore CSS, la chiamata AJAX, o l'ordine di inclusione dei file script
  3. Ricaricare la pagina con cache disattivata (Ctrl+F5) per verificare l'esito

Domande frequenti

Come risolvere l'errore Errore jQuery: Elemento Clonato Perde Eventi (.clone(true)) in jQuery?

Il metodo '$el.clone()' non copia i listener di eventi né i dati associati con '$.data()' per impostazione predefinita; per duplicare un elemento mantenendo attivi tutti i relativi eventi jQuery è necessario passare 'true': '$el.clone(true, true)'.

Approfondimenti

Schede correlate