1

我有一个动态加载 json 对象的索引页面。如果我转到第二页，然后尝试使用后退按钮返回索引，我想重新加载索引页面，因此它会重新加载可以更改的 json 对象。这是我的index.html页面代码：

<html> 
<head> 
    <title>Test</title> 
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <link rel="stylesheet" href="jquery.mobile-1.2.0.min.css" />
    <script src="js/jquery-1.8.2.min.js"></script>      
    <script src="jquery.mobile-1.2.0.min.js"></script>
    <script type="text/javascript" src="cordova-2.2.0.js"></script>
</head>

<body>
<div data-role="page" id="pagina">
    <div data-role="header" data-position="fixed" data-theme="d">
        <h1 style="font-size:14px">test</h1>
    </div><!-- /header -->

    <div data-role="content" id="content">  
        <ul data-role="listview" id="ul_id" data-theme="b" data-inset="true">
        </ul>
    </div><!-- /content -->
</div>
</body>
</html>
<script>
    $.getJSON('http://www.test.com/test.php', function(data) {
    var items = [];
    $.each(data, function(key, val) {
    $('#ul_id').append($('<li><a href="' + val +'.cfm" id="'+ val +'"><h3>' + key + '</h3></a></li>'));
    });
    $('#ul_id').listview('refresh');
    });
</script>

我该怎么做？

4

1 回答 1

1

您可以像这样使用pagebeforeshow或pageshow 事件：

$(document).on("pagebeforeshow", "#pagina", function() {
    //put your code here to manipulate the content
});
于 2013-01-07T22:09:23.113 回答