Error: Syntax error, unrecognized expression: #my:element (colon interpreted as pseudo-class) – jQuery COLON_ID_ESCAPE_MISSING

COLON_ID_ESCAPE_MISSING

Se l'attributo ID di un elemento HTML contiene due punti o punti (comune nei framework JSF o ASP.NET), jQuery interpreta i due punti come una pseudo-classe CSS; occorre applicare il doppio backslash di escape: '$("#my\\:element")'.

Cosa significa questo errore?

Se l'attributo ID di un elemento HTML contiene due punti o punti (comune nei framework JSF o ASP.NET), jQuery interpreta i due punti come una pseudo-classe CSS; occorre applicare il doppio backslash di escape: '$("#my\\:element")'.

Messaggio originale

Error: Syntax error, unrecognized expression: #my:element (colon interpreted as pseudo-class)

Contesto e parole chiave

Alias

  • colon in id unrecognized expression jQuery

Messaggi alternativi

  • due punti nell'id interpretati come pseudo classe

Prodotti

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

Piattaforme

  • Linux
  • macOS
  • Qualsiasi Browser Web
  • Windows

Parole chiave

  • ajax
  • errore-jquery-colon-in-id-escape-missing
  • javascript
  • jquery
  • jquery.selettori.colon-in-id-or-class-escape-missing
  • Selettori e Sintassi ($)

Cause possibili

Causa tecnica per Errore jQuery: Due Punti nell'ID Non Protti da Escape ($("#my\\:element"))

Se l'attributo ID di un elemento HTML contiene due punti o punti (comune nei framework JSF o ASP.NET), jQuery interpreta i due punti come una pseudo-classe CSS; occorre applicare il doppio backslash di escape: '$("#my\\:element")'.

molto comune

Diagnosi

Diagnostica DOM o AJAX per Errore jQuery: Due Punti nell'ID Non Protti da Escape ($("#my\\:element"))

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 standard per Errore jQuery: Due Punti nell'ID Non Protti da Escape ($("#my\\:element"))

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
  2. Correggere il selettore CSS, il passaggio dei parametri o la delegazione con .on()
  3. Ricaricare la pagina con cache svuotata (Ctrl+F5) per verificare la risoluzione

Domande frequenti

Come risolvere l'errore Errore jQuery: Due Punti nell'ID Non Protti da Escape ($("#my\\:element")) in jQuery?

Se l'attributo ID di un elemento HTML contiene due punti o punti (comune nei framework JSF o ASP.NET), jQuery interpreta i due punti come una pseudo-classe CSS; occorre applicare il doppio backslash di escape: '$("#my\\:element")'.

Approfondimenti

Schede correlate