jquery - 第二次加载页面时 ListView 无法正确渲染

Question

我在使用 JqueryMobile 时遇到一些问题。我加载一个页面并动态创建 ListView 。第一次加载页面时，列表呈现得很好，当我返回上一页并单击同一链接时， ListView 不会呈现为 ListView ，而只是呈现为链接。我在同一个文档上有多个页面，因此我通过 id 引用这些页面。代码如下。

列表的构建位置。

    function getDays(mon){
        var total = 0;
        $("#h1").text(sites);
        $("#perDay").empty();
        $.getJSON('/cf/cfc/statistics.cfc?method=PagesPerDay', { site: sites , months : mon}, function(qPress) {
            $.each(qPress, function(i, item) {
                total = total + item.pages;
                $("#perDay").append('<li id="' + item.dayname +'"><a href="javascript:void(0);" onClick="getDays();">' + item.dayname + '<span class="ui-li-count">' + item.pages + '</span></a></li>');
            }); 
            $("#perDay").append('<li data-theme="b" class="ui-li ui-li-static ui-body-c ui-li-has-count">Total' + '<span class="ui-li-count">' + total + '</span></li>');               
            ChangePage("#pageDays", 'pop', sites);
        });
    }

html

    <div data-role="page" id="pageDays">
        <div data-role="header" data-position="inline">
            <a href="#razzberry" data-icon="back" data-theme="b" data-rel="back">Back</a>
            <h1 id="h1"></h1>
        </div>

        <div data-role="content"> 
            <h4 style="text-align:center;">Pages Viewed Per Day</h4>
            <ul data-role="listview" id="perDay"></ul>  
        </div>  
    </div><!-- /page -->    

我尝试将 $("#perMonth").listview("refresh"); 放在循环之后，但我得到了Uncaught 无法在初始化之前调用 ListView 上的方法；尝试调用方法“刷新”

我正在使用 jQuery Mobile 1.0

Answer 1

我发现解决这个问题的唯一方法是使用

$("#pageDays").page('destroy').page();