"Uncaught синтаксическая ошибка: неожиданный токен <" при использовании приложения jQuery

Вот демоверсия jsFiddle моей проблемы.

Этот фрагмент jquery добавляет 3 деления после срабатывания события click. Тем не менее, консоль говорит "Uncaught синтаксическая ошибка: неожиданный токен <".

скрипт

$('#e16').on('click', function(){
 $(this).append("<div id='e17' class='kim2bb'>Alcohol 0.2+</div>
                 <div id='e18' class='kim2bb'>Alcohol 1.0~2.0</div>
                 <div id='e19' class='kim2bb'>Alcohol 0.05~1.0</div>");
});

HTML

<div id="e16" class="kim2bb">Drunken Drive</div>

2 ответа

Решение

У вас есть строка, разбитая на несколько строк:

$(this).append("<div id='e17' class='kim2bb'>Alcohol 0.2+</div>" +
                "<div id='e18' class='kim2bb'>Alcohol 1.0~2.0</div>" +
                "<div id='e19' class='kim2bb'>Alcohol 0.05~1.0</div>");

Попробуй это:

$(this).append("<div id='e17' class='kim2bb'>Alcohol 0.2+</div>" +
                        "<div id='e18' class='kim2bb'>Alcohol 1.0~2.0</div>" + 
                        "<div id='e19' class='kim2bb'>Alcohol 0.05~1.0</div>");

Важны плюсы в конце строки, поэтому просто скопируйте и попробуйте.

Другие вопросы по тегам