列表刷新jQuery的移動？

我在jQuery Mobile中動態地創建了<ul>。創建列表後，我刷新列表，它工作正常。但問題是，當我從一個div頁面移動到div頁面（jQuery中的頁面）時。它正在轉到第二頁，但是到了第一頁，然後轉到第二頁，如閃爍。列表刷新jQuery的移動？

但我刪除列表刷新線在我的JS，它工作正常，但UI來作爲正常的HTML。

$('#vaultList').children().remove('li'); 
$.mobile.changePage("#vaultPage", { transition: "pop", reverse: false, changeHash: false }); 
     var parent = document.getElementById("vaultList"); 
     parent.innerHtml = ""; 
     var userAgentType = userAgentType; 
     //Create the Vault list at dynamically 
     for (var vaultCount = 0; vaultCount < VaultDetails.length; vaultCount++) { 
      var listItem = document.createElement('li'); 
      listItem.setAttribute('id', 'listitem_' + vaultCount); 
      listItem.setAttribute('data-icon', 'false'); 
      listItem.innerHTML = "<a href='#' name='" + vaultCount + "' id='" + vaultCount + "' rel='external' data-inline='true'>" + "&nbsp;" + vaultCount) + "</a>"; 
      parent.appendChild(listItem); 
     } 
     var list = document.getElementById('vaultList'); 
     $(list).listview("refresh");

來源

2012-01-09 selladurai

嘗試觸發的父create在列表創建後的列表。例如，如果vaultList處於div的編號爲vaultListHolder請嘗試此操作

$("#vaultListHolder").trigger("create");

來源

2012-01-09 11:36:57 user700284

您刷新在listview後，你需要破壞的頁面重新生成UI，你可以做到這一點：

$('.ui-page-active').page("destroy").page();

來源

2012-01-09 10:16:01 SERPRO

我添加了你的代碼，但是同樣的問題 – selladurai 2012-01-09 10:23:18

試試這個：'$（「div [data-role = page]」）.page（「destroy」）.page（）;' – SERPRO 2012-01-09 10:29:02

對不起，爲我的程序... – selladurai 2012-01-09 10:52:01

列表刷新jQuery的移動？

回答

相關問題