Как выводить JS код?

Question

[Slash]

Здравствуйте.
Использую библиотеку jQuery. Вывожу на экран так:
$('#display').html(' код ');
Всё работает идеально, пока в выводимом коде присутствует только HTML и текст. Но если есть код JS, например:

<a href="#" onclick="$.ajaxCall('app.screenChange', 'appID={app:id}&amp;page=1', 'GET'); return false;">Go</a>

Кидает ошибку в консоль обозревателя:

Uncaught SyntaxError: missing ) after argument list

Подскажите, как можно решить?
Спасибо.

Comments

[Adamos]

Попробую угадать: вы не знаете, как экранировать кавычки?

[Slash]

Adamos, знаю, и знаю, что дело именно в одинарных кавычках. Дело в том, что мне нужно без экранирования, иначе вставляемый код не будет работать на странице....

[Everything_is_bad]

погуглить как вставить чтобы не ломать js, конечно не судьба

[Adamos]

$('#display').append(
  $('<a href="#">Go</a>')
    .click(event => { 
      event.preventDefault(); 
      $.ajaxCall('app.screenChange', 'appID={app:id}&amp;page=1', 'GET'); 
    })
);

Answer 1

[Aragorn]

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

$('#display').html('<a href="#" onclick="$.ajaxCall(\'app.screenChange\', \'appID={app:id}&amp;page=1\', \'GET\'); return false;">Go</a>');

или можно так

$('#display').html("<a href='#' onclick=\"$.ajaxCall('app.screenChange', 'appID={app:id}&amp;page=1', 'GET'); return false;\">Go</a>");

Comments

[Slash]

Благодарю!

$('#display').html('<a href="#" onclick="$.ajaxCall(\'app.screenChange\', \'appID={app:id}&amp;page=1\', \'GET\'); return false;">Go</a>');

Мне надо было экранировать только одинарные кавычки, как оказалось... А я экранировал все подряд, из за чего получал ошибку.

[Сергей delphinpro]

Slash, если использовать хороший редактор кода, то он вам сам подскажет, где у вас неэкранированные кавычки