Отсутствует) после списка аргументов Javascript JQuery

Question

Im пытается запустить некоторый javascript, но я получаю следующую ошибку: missing) after argument list. Мне интересно, может ли кто-нибудь сказать мне, где я ошибаюсь.

$('<div id=dojoUnique1 class='dojoDndItem filterName' style=padding:.5em;display:inline-block;width:16em;overflow:hidden;vertical-align:bottom;>filter_info_ALL_DATA_DOWN</div>').appendTo('#selectedFilters'); 

Answer 1

вы используете простые кавычки дважды подряд ... экранировать кавычки:

"$('<div id=dojoUnique1 class=\"dojoDndItem filterName\" style=padding:.5em;display:inline-block;width:16em;overflow:hidden;vertical-align:bottom;>filter_info_ALL_DATA_DOWN</div>').appendTo('#selectedFilters');" 

Answer 2

У вас есть неправильно подобранные ' ограничивающей вашей строки. Если вы используете редактор с подсветкой синтаксиса, такие как это легко заметить. Попробуйте следующее:

$('<div id="dojoUnique1" class="dojoDndItem filterName" style="padding: .5em; display: inline-block; width: 16em; overflow: hidden; vertical-align: bottom;">filter_info_ALL_DATA_DOWN</div>').appendTo('#selectedFilters'); 

Answer 3

Вы должны создать элементы, используя jQuery, что намного безопаснее, чем котировки бесповоротных и более ремонтопригодных.

Ниже приведен пример

$('<div />') 
    .prop('id', 'dojoUnique1') 
    .addClass('dojoDndItem filterName') 
    .css({ 
     "padding" : "0.5em", 
     "display" : "inline-block" 
    }) 
    .html("filter_info_ALL_DATA_DOWN") 
    .appendTo('#selectedFilters');