Errore: SyntaxError Uncaught: token imprevisto <

Question

Per qualche ragione, sto ricevendo questo messaggio di errore:

Uncaught SyntaxError: Unexpected token < 

Per questa riga di codice:

title: '<img src="/images/text/text_mario_planet_jukebox.png" id="text_mario_planet_jukebox"/>', 

In questo contesto:

$(document).ready(function() { 
    $('#infobutton').click(function() { 
     $('#music_descrip').dialog('open'); 
    }); 
     $('#music_descrip').dialog({ 
      title: '<img src="/images/text/text_mario_planet_jukebox.png" id="text_mario_planet_jukebox"/>', 
      autoOpen: false, 
      height: 375, 
      width: 500, 
      modal: true, 
      resizable: false, 
      buttons: { 
       'Without Music': function() { 
        $(this).dialog('close'); 
        $.cookie('autoPlay', 'no', { expires: 365 * 10 }); 
       }, 
       'With Music': function() { 
        $(this).dialog('close'); 
        $.cookie('autoPlay', 'yes', { expires: 365 * 10 }); 
       } 
      } 
     }); 
    }); 

Penso che tutto dovrebbe essere buono per andare, ma non capisco perché lo < stia in qualche modo tirando fuori questo ..

whoops, ho dimenticato di mostrare dove sta succedendo! Il mio male,

http://www.marioplanet.com/index.asp

Tutte le idee?

Answer 1

Questo è un problema di browser piuttosto che un problema di javascript o JQuery; sta tentando di interpretare la parentesi angolare come un tag HTML.

provare a fare questo quando l'impostazione dei javascript:

<script> 
//<![CDATA[ 

    // insert teh codez 

//]]> 
</script> 

In alternativa, spostare il javascript in un file separato.

Modifica: Ahh .. con quel collegamento l'ho rintracciato. Quello che ho detto era che il problema non era affatto il problema. questo è il problema, spogliato dal sito:

<script type="text/javascript" 
    $(document).ready(function() { 
    $('#infobutton').click(function() { 
     $('#music_descrip').dialog('open'); 
    }); 
     $('#music_descrip').dialog({ 
      title: '<img src="/images/text/text_mario_planet_jukebox.png" id="text_mario_planet_jukebox"/>', 
      autoOpen: false, 
      height: 375, 
      width: 500, 
      modal: true, 
      resizable: false, 
      buttons: { 
       'Without Music': function() { 
        $(this).dialog('close'); 
        $.cookie('autoPlay', 'no', { expires: 365 * 10 }); 
       }, 
       'With Music': function() { 
        $(this).dialog('close'); 
        $.cookie('autoPlay', 'yes', { expires: 365 * 10 }); 
       } 
      } 
     }); 
    }); 

Riuscite ad individuare l'errore? È nella prima riga: il tag <script non è chiuso. Dovrebbe essere <script type="text/javascript">

Il mio suggerimento precedente si ferma, però: si dovrebbe racchiudere script intra-targhette in un blocco CDATA, o spostarli in un file collegato separatamente.

Questo non era il problema qui, ma avrebbe mostrato il vero problema più velocemente.

Answer 2

Non so se hai ottenuto la risposta. Ho incontrato questo problema oggi, e ho pensato di avere una risposta giusta possibile: non mettere il file di script nella giusta posizione.

La maggior parte delle persone non soddisfa questo problema perché inserisce gli script nella directory del server direttamente. Lo incontro perché creo un collegamento del file sorgente (il file html) alla directory root del server. Non ho collegato i file di script e non so come trovarli nginx. Ma non sono caricati correttamente.

Dopo aver collegato tutti i file alla directory radice del server, il problema è stato risolto.

Answer 3

Di solito funziona quando si modifica il nome della directory, dove si trova il file. Ha funzionato per me quando l'ho spostato da "js /" a "../js"

Answer 4

Ho avuto lo stesso identico sintomo, e questo era il mio problema, molto difficile da rintracciare, quindi spero che aiuti qualcuno .

Stavo usando JQuery parseJSON() e il contenuto che stavo tentando di analizzare in realtà non era JSON, ma una pagina di errore che veniva restituita.

Answer 5

Anche questo errore si è verificato durante lo sviluppo di un'applicazione Backbone utilizzando lo stato push HTML5 in combinazione con un htaccess che reindirizza qualsiasi file sconosciuto a index.html.

Si scopre che quando si visita un URL come /something/5, il mio /index.html veniva effettivamente servito a /something/index.html (grazie al mio .htaccess). Ciò ha avuto l'effetto di rompere tutti gli URL relativi ai miei file JavaScript (dall'interno dell'indice index.html), il che significava che avrebbero dovuto avere 404 su di me.

Tuttavia, sempre a causa del mio htacc, invece di 404'ing quando ho cercato di recuperare i file JS, hanno invece restituito il mio index.html. Pertanto al browser è stato fornito un index.html per ogni file JavaScript che ha tentato di inserire e, quando ha valutato l'HTML come se fosse JavaScript, ha restituito un errore JS a causa del numero iniziale < (dal mio tag in index.html) .

La correzione nel mio caso (dato che stavo servendo il sito da una sottodirectory) era di aggiungere un tag di base nella mia testa html.

<base href="/my-app/">

Answer 6

In genere questo accade quando si sta tentando di caricare una risorsa non-html (ad esempio, il file di script libreria jQuery come tipo text/javascript) e il server, invece di restituire il risorsa JS previsto, restituisce HTML invece - tipicamente una pagina 404.

Il browser tenta quindi di analizzare la risorsa come JS, ma poiché ciò che è stato effettivamente restituito era una pagina HTML, l'analisi non riesce con un errore di sintassi e poiché una pagina HTML in genere inizia con un carattere <, questo è il carattere che è evidenziato nell'eccezione di errore di sintassi.

Answer 7

Se si affronta questo problema solo in Chrome e in IE, ad esempio, tutto va bene, quindi basta abilitare il pulsante di controllo "Disattiva cache" in Dev Tools (F12 -> scheda "Rete") e cancellare la cronologia nel ultima ora.

Ho avuto questo problema e soprattutto la soluzione ha funzionato per me.

Answer 8

cercare di sostituire il testo/javascript per text/html quindi salvare la nota e aggiornare il browser poi riportarlo a text/javascript .. Io non lo so, ma per ragioni sconosciute questo funziona con me .. Sto cercando e copia-incolla e ho annullato per sbaglio quello che sto digitando quindi boom kablooey ha funzionato 0. O dal modo in cui sono solo noob .. scusa ho solo pensato che potesse essere d'aiuto anche se ..