1

我总共有四页：Page1、Page2、Page3 和 Page4。Page3 包含选择下拉菜单。以前，当我从 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"，则显示数据，但从 Page4 重新访问时，所选值会丢失。

第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');

您的帮助将不胜感激...谢谢。

4

0 回答 0