jquery mobileでリストを更新しますか？

Question

私は動的に<ul>をjQuery Mobileに作成しています。リストを作成した後、リストを更新するとうまくいきます。しかし、問題は、私は1つのdivページからdivページ（jQueryのページ）に移動している間です。 2ページ目に移動していますが、1ページ目に来て2ページ目にちらつきのようになります。

私の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"); 

Answer 1

てみてくださいリストの後にリストが作成されます。例えば、vaultListがdiv、idがvaultListHolderの場合、これを試してみてください。

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

Answer 2

listviewでのごリフレッシュしたら、に必要なUIを再生成するページを破壊し、あなたがそれを行うことができますの親にcreateをトリガー

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