페이지가 두 번째로로드 될 때 목록보기가 올바르게 렌더링되지 않습니다.

JqueryMobile에 몇 가지 문제가 있습니다. 페이지를로드하고 즉시 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");을 넣어 시도했지만 나는 catch되지 않은 초기화하기 전에 목록보기의 메소드를 호출 할 수 있어요; 내가 jQuery를 모바일 1.0

출처

2011-12-14 Rodrigo Schreiner

ChangePage를 올바르게 호출하지 않는 것 같습니까? docs : http://jquerymobile.com/demos/1.0/docs/api/methods.html 어쩌면 $ .mobile.changePage ("#pageDays", {transition : "pop"}); –

온라인으로 코드에 대한 링크를 게시 할 수 있습니까? – commadelimited

나는 그것이

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

출처

2012-04-30 21:07:27

@Inaki가 답장을 보내 주셔서 감사합니다 사용하는 것입니다 해결하기 위해 찾은 유일한 방법을 사용하고

'메소드를 호출 새로 고침을 시도했습니다. 예를 들어, 항목을 추가 한 후에 페이지 (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

페이지가 두 번째로로드 될 때 목록보기가 올바르게 렌더링되지 않습니다.

답변

관련 문제