Ошибка: Uncaught SyntaxError: Неожиданный токен <

Question

По некоторым причинам, я получаю сообщение об ошибке:

Uncaught SyntaxError: Unexpected token < 

Для этой строки кода:

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

В этом контексте:

$(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 }); 
       } 
      } 
     }); 
    }); 

Я думаю, что все должно быть хорошо, но я не понимаю, почему < как-то отбрасывает это.

кричит, забыл показать, где это происходит! Мои плохие,

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

Любые идеи?

Answer 1

Это проблема с браузером, а не проблема с javascript или JQuery; он пытается интерпретировать угловую скобку как HTML-тег.

Попробуйте сделать это при настройке JavaScripts:

<script> 
//<![CDATA[ 

    // insert teh codez 

//]]> 
</script> 

В качестве альтернативы, переместите JavaScript в отдельный файл.

Редактировать: Ahh .. с этой ссылкой Я отследил его. То, что я сказал, было проблемой не совсем. это является вопрос, раздели с сайта:

<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 }); 
       } 
      } 
     }); 
    }); 

Можете ли вы ошибку? Он находится в первой строке: тег <script не закрыт. Он должен быть <script type="text/javascript">

Моего предыдущее предложение все еще стоит, однако, вы должны заключать внутри маркированные скрипты в CDATA блоке, или переместить их в отдельно связанный файл.

Это не было проблемой здесь, но это показало бы реальную проблему быстрее.

Answer 2

Я не знаю, получили ли вы ответ. Сегодня я встретил эту проблему, и я подумал, что у меня есть правильный ответ: вы не помещаете файл сценария в нужное место.

Большинство людей не сталкиваются с этой проблемой, потому что они напрямую вставляют скрипты в свой серверный каталог. Я встречаю это, потому что я делаю ссылку исходного файла (html-файл) на корневой каталог сервера. Я не связывал файлы сценариев, и я не знаю, как их находят nginx. Но они загружены неправильно.

После того как я связал все файлы с корневым каталогом сервера, проблема решена.

Answer 3

Обычно он работает, когда вы меняете имя каталога, в котором находится файл. Это работало для меня, когда я переместил его с «js /» на «../js»

Answer 4

У меня был тот же самый симптом, и это была моя проблема, очень сложно отслеживать, поэтому я надеюсь, что это поможет кому-то ,

Я использовал JQuery parseJSON(), и контент, который я пытался проанализировать, на самом деле не был JSON, а возвращалась страница с ошибкой.

Answer 5

Я тоже получил эту ошибку при разработке приложения Backbone с использованием состояния push5 HTML5 в сочетании с .htaccess, который перенаправляет любые неизвестные файлы в index.html.

Оказывается, что при посещении URL, такие как /something/5, мой /index.html эффективно обслуживаются в /something/index.html (благодаря моей .htaccess). Это привело к потере всех относительных URL-адресов моим файлам JavaScript (изнутри index.html), что означало, что у них должно было быть 404'd.

Однако, опять же из-за моего htaccess, вместо 404'ing при попытке получить JS-файлы они вместо этого вернули мой index.html. Таким образом, браузеру был предоставлен индекс.html для каждого файла JavaScript, к которому он пытался подключиться, и когда он оценивал HTML, как если бы он был JavaScript, он возвращал ошибку JS из-за ведущего < (из моего тега в index.html) ,

Исправление в моем случае (поскольку я служил сайту из подкаталога) было добавить базовый тег в моей голове html.

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

Answer 6

Обычно это происходит, когда вы пытаетесь загрузить не-HTML ресурс (например, файл сценария библиотеки JQuery как тип текста/JavaScript) и сервер, вместо того, чтобы вернуться ожидаемый JS ресурс, возвращает HTML вместо этого - обычно 404 страницы.

Браузер затем пытается проанализировать ресурс как JS, но поскольку на самом деле было возвращено HTML-страница, синтаксическая ошибка не выполняется, и поскольку HTML-страница обычно начинается с символа <, это который выделен в исключении синтаксической ошибки.

Answer 7

Если вы столкнулись с этой проблемой только в Chrome и в IE, например, все в порядке, то просто включите checkbutton «Отключить кеш» в разделе «Инструменты разработчика» (F12 -> «Сеть») и очистите историю в последний час.

У меня была эта проблема и выше решение работало для меня.

Answer 8

попытка заменить текст/JavaScript для текста/html затем сохранить записку и перезарядка браузер затем вернуть его обратно в текст/JavaScript .. Я не знаю, но по неизвестным причинам это один работает со мной .. Я ищу и скопирую-вставку, и я просто случайно отменил то, что я печатаю, тогда бум kablooey это сработало. О. кстати я просто нуб .. извините, я просто подумал, что это может помочь, хотя ..