Question

我总共有四页：Page1，Page2，Page3和Page4。第3页包含选择下拉菜单。以前，当我从Page3的下拉列表中选择一个值并移至Page4并返回到Page3时，所选的值不会被保留，并且Page3会重置为其默认值。所以其中一位开发人员建议我在Page3上使用data-dom-cache =“true”，我的问题就解决了。但它造成了另一个问题。

Page1 -> Page2 -> Page3 (No problem)
Page3 -> Page2 (No problem)
Page2 -> Page3 (Problem! No data was displayed except Header, Footer, 
Logos and Select dropdown box)

如果我从Page3中删除data-dom-cache="true"，则会显示数据但从第4页重新访问时所选的值会丢失。

第3页代码：http://jsbin.com/owodon/14/edit

//Code for triggering Page3 from Page2
$('.clsChangeLi').live("click", function () {
    var Pg3URL = $(this).attr("data-url");
    if (Pg3URL != null)
        $.mobile.changePage(Pg3URL, {
            transition: "flip",
            reloadPage: true
        });
});

//Code snippet for Page3
$('#CAL').live('pagebeforecreate', function (event) {
    var html = "";
    (AJAX request goes here and data is received in html variable)
    html = "Data returned by AJAX";
    $('#divContentCAL').append(html);
});

我在$('#divContentCAL').append(html);之后尝试了以下各项，但没有工作：

$('ul').listview('refresh');
$('#divContentCAL').listview('refresh');
$.fn.listview('refresh');

非常感谢您的帮助......谢谢。

重新访问JQM页面时不会刷新

0 个答案: