Я разрабатываю приложение для телефонной связи с помощью jquery mobile. У него есть несортированный список, который корректно работает под Android, но не отображает содержимое правильно под iOS.
Список выглядит так в моем HTML-файле:
<ul id="bookingList" data-role="listview"></ul>
и заполняется jscript:
$('#mainList').append( "<li data-role='list-divider'>" + mainListNumber + "Nr." + endTag + mainListSwappingPreference + "T" + endTag + mainListName + "Name" + endTag + mainListReadyStatus + "Status" + endTag + mainListLastActionDate + "Datum" + endTag + "</li>");
for ( var object in mainList) {
$('#mainList').append("<li>" + mainListNumber + mainList[object].mainListNumber + endTag + mainListSwappingPreference + mainList[object].swappingPreference + endTag + mainListName + mainList[object].firstname + " " + mainList[object].surname + endTag + mainListReadyStatus + mainList[object].readyStatus + endTag + mainListLastActionDate + dateFormat(mainList[object].lastActionDate, false) + endTag + "</li>");
}
Итак, есть два основных дополнения.
Стиль со следующим css:
#bookingTitles {
font-size: 20pt !important;
font-weight: bold;
}
#bookingStartDate {
float: left;
width: 85pt;
margin-left: 1pt;
}
#bookingLoc {
float: left;
width: 65pt;
margin-left: 10pt;
}
Есть идеи, почему на ios не работает макет?
Заранее спасибо.
Скриншоты:
Android:
IOS:
