неопределенный строковый литерал JQuery или более того

Question

Ну, я знаю, что jquery по-разному обрабатывает одинарные и двойные кавычки для строк. Что я на самом деле пытаюсь сделать, так это открыть всплывающее окно при нажатии на ссылку.

Ниже показано, что я добавляю к телу при нажатии на тег «a»:

$(".prop a").click(function() {
                $("body").append("<div class='lang'>
    <span class='propHead'>Security</span><a href='javascript:void(0);' class='cross' >X</a><div class='propText'>This will be having he description of each of the Language on whch you click with a link to pdf  documentatiom</div><span class='propBtmText'><a href='javascript:void(0)';>Download Documentation</a></span>
</div>")

Но я получаю неопределенный строковый литерал. Я вижу, что правильно добавил div и span к телу, но это просто не работает.

Любая помощь будет очень признательна.

Answer 1

Демо

Код вроде бы в порядке. Если это многословно, что вы используете, javascript не любит многострочные строки, поэтому вам нужно использовать это вместо:

$("body").append("<div class='lang'><span class='propHead'>Security</span><a href='javascript:void(0);' class='cross' >X</a><div class='propText'>This will be having he description of each of the Language on whch you click with a link to pdf  documentatiom</div><span class='propBtmText'><a href='javascript:void(0)';>Download Documentation</a></span></div>")

Answer 2

убедитесь, что вы дали правильную цитату

Answer 3

Убедитесь, что вы закрыли свой клик.В конце добавить});