jquery 모바일에서 목록 새로 고침?

Question

동적으로 jQuery Mobile에 <ul>을 생성하고 있습니다. 목록을 만든 후에 목록을 새로 고치면 제대로 작동합니다. 하지만 한 div 페이지에서 div 페이지 (jQuery의 페이지)로 이동하는 동안 문제가 발생합니다. 두 번째 페이지로 이동하지만 첫 페이지로 와서 깜박 거리는 것처럼 두 번째 페이지로 이동합니다.

하지만 내 js에서 목록 새로 고침 줄을 제거합니다. 정상적으로 작동하지만 정상적인 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이 vaultListHolder 인 div 인 경우

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

Answer 2

가 listview에 새로 고침 후에는 UI를 재생 페이지를 파괴 필요, 당신은 그것을 수행 할 수의 부모에 create 트리거

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