Я использую мобильную библиотеку jQuery, пытаясь создать редактируемый пользователем список флажков.Ниже представлен фрагмент HTML-кода, и 'fieldset id = "nameList" ...' - это место, где я пытаюсь динамически вставлять флажки, используя функцию JavaScript addName ();
<div data-role="content">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<input type="submit" onclick="addName()" data-inline="true" data-theme="b" data-icon="plus" data-iconpos="left" value="Add New Name" />
<input id="textInput" placeholder="Enter a new name" value="" type="text" />
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset id="nameList" data-role="controlgroup" data-type="vertical">
<legend>
Members
</legend>
<input name="checkbox1" id="checkbox1" type="checkbox" />
<label for="checkbox1">
Checkbox1
</label>
</fieldset>
</div>
<input type="submit" data-inline="true" data-theme="e" data-icon="delete" data-iconpos="left" value="Delete checked names" />
</div>
IЯ пытался поместить эту функцию как внутри самого документа HTML, так и в отдельный файл .js, но в любом случае он дает тот же результат, как показано на рисунке под кодом js.
function addName(){
$('#nameList').append('<input name="checkbox1" id="checkbox1" type="checkbox" />'+
'<label for="checkbox1">'+$('#textInput').val()+'</label><br>');
}
Результатпосле добавления ned-флажка в уже существующий список действующих флажков это просто не стилизованный флажок вместо того, чтобы выглядеть как флажок, который я кодировал непосредственно в HTML, как показано на следующем рисунке: http://bildr.no/view/1134640
Кажется,Я имею в виду, что по какой-то причине jquery.mobile-1.0.1.css просто не стилизует код jQuery Mobile, который добавляется с использованием javascript.Раньше у меня была эта проблема с другими вещами, которые отмечены флажками, а также с различными типами кнопок jQuery Mobile, которые не будут отображаться так, как при добавлении в javascript.Есть ли способ добавить HTML-код из javascript и при этом воспользоваться всеми преимуществами jQuery Mobile css?