Listview在第二次加載頁面時不能正確顯示

我在使用JqueryMobile時遇到了一些問題。我加載一個頁面並即時創建Listview。第一次加載頁面時，列表顯示正常，當我回到上一頁並單擊相同的鏈接時，listview不會呈現爲列表視圖，就像鏈接一樣。我在同一個文檔中有多個頁面，所以我通過id來引用頁面。下面的代碼。Listview在第二次加載頁面時不能正確顯示

列表被構建的地方。

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");循環之後，但我得到了未捕獲不能調用在初始化之前ListView的方法;試圖調用方法「刷新

我使用jQuery Mobile的1.0

來源

2011-12-14 Rodrigo Schreiner

我不認爲你正確地調用ChangePage？看看文檔：http://jquerymobile.com/demos/1.0/docs/api/methods.html也許$ .mobile.changePage（「#pageDays」，{transition：「pop」}）; – 2011-12-14 15:45:36

我已經找到了解決它是使用

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

來源

2012-04-30 21:07:27

@Inaki謝謝你的答覆的唯一途徑。在我的例子中，我添加了item之後，我銷燬了頁面（div_list_id ul）。

<div id="div_loc_list"></div> 

// firstly destroy ul 
$("#div_loc_list ul").page('destroy').page(); 
var list_content =''; 
for (var i=0; i < posArray.length; i++) { 
     var ltitle = posArray[i].title; 
     list_content += '<li><a href="#direction_page">'+ltitle+'</a></li>'; 
} 
$('#div_loc_list').append('<ul data-role="listview">'+list_content+'</ul>');

來源

2015-01-28 09:53:03 ethemsulan

Listview在第二次加載頁面時不能正確顯示

回答

相關問題