Я создаю динамический список в jquery mobile на основе файла JSON в моем локальном хранилище (не файл PHP, просто локальное хранилище), список перестраивается каждый раз, когда вы переходите на эту страницу на основе элементов, которые были удалены или добавлены к ней , это все в jquery mobile, однако, когда я возвращаюсь к списку, мне приходится вручную нажимать кнопку обновления, чтобы обновить его, я пытался использовать
$('#myListPage').on('pageshow', function(){
window.location.reload(true);
});
Однако, похоже, это ничего не делает, все отлично работает, если я вручную нажимаю F5 или обновляю.
Вот как список создается каждый раз:
function run2() {
peopleList();
$("#list").listview("refresh").trigger("create");
};
function peopleList() {
$("#peopleList ul li").each().remove();
for (i = 0; i < cars.length; i++) {
if (cars[i].availability == "true") {
$("#peopleList ul").append('<li value = ' + i + ' id="colas">' + '<div data-role="collapsible" data-theme="b" data-content-theme="a">' + '<h3>' + cars[i].carName + '</h3>' + '<span data-inset="true">' + '<img src="' + cars[i].imageSrc + '" style="width:auto; margin:0px auto" id="imgcar"/>' + '<h2>' + cars[i].carModel + ", " + cars[i].gear + "</h2> " + '</span>' + '<input type="button" value="Select this car" data-icon="check" onclick="aval(' + i + ')"/></div>' + '</li>');
}
}
}
Извините, если у него простой ответ. Я новичок в этом, я пытаюсь учиться, но мои инструкции заключались в том, чтобы использовать только локальное хранилище, а не php, большое спасибо, ребята, заранее.
Редактировать:
Вот html кода
<div data-role="page" id="catalog">
<div data-role="header" data-theme="a">
<h1>Choose your car!</h1>
</div>
<div data-role="content" id="peopleList" class="ui-grid-b">
<ul data-role="listview" data-inset="true" id="list" class="ui-block-a">
</ul>
<div class="ui-block-c">
<canvas id ="myCanvas" style="margin-left:100px; width:300px; height:300px"></canvas>
</div>
<div class="ui-block-b"></div>
</div>
<div data-role="footer" data-position="fixed" class="copyright"><h2> © </h2></div>
</div>
.listview("refresh")
, вам не нужно обновлять страницу (f5). Элементы стилизуются jQM в DOM. - person Omar   schedule 16.12.2013$("[data-role=collapsible]").collapsible();
. - person Omar   schedule 16.12.2013$("#list").listview("refresh").trigger("create");
достаточно, как в демо. Функции с комментариями//
предназначены только для того, чтобы показать вам, сколько задействовано wdigets. - person Omar   schedule 16.12.2013$(document).on('pageshow','#myListPage', function() { peopleList() });
- person Omar   schedule 16.12.2013