У меня есть всплывающее окно, внутри всплывающего окна находится следующий код, он содержит "контейнер", который формирует шаблон:
<form method="post" class="signin" action="#">
<div id='container'>
<div>
<div id="divFeeTitle"></div>
</div>
</div>
</form>
Я заполняю div через контейнер/цикл:
//go into JSON object and print out properties
for(var index=0; index<LineItem.length; index++){
DisplayTitle(LineItem[index]);
}
Метод отображения заголовка делает следующее:
function DisplayTitle(Object){
$('#divFeeTitle').html(Object.Title);
}
Проблема в том, что если есть 1+ объекты, divFeeTitle получает перезапись последнего объекта в списке. Когда, если есть 1+ объекты, мне нужно, чтобы они были упорядочены.
Если я правильно понимаю вашу проблему, вы можете попытаться использовать .append()
вместо .html()
Таким образом, ваша функция DisplayTitle будет выглядеть так:
function DisplayTitle(Object){
$('#divFeeTitle').append(Object.Title);
}
Если вы хотите прекратить переписывать свои данные, сначала сохраните свои данные:
var data = $('#divFeeTitle').html();
$('#divFeeTitle').html(data+Object.Title);
Вы можете добавить дополнительный <br>
если нужно, и т.д.