Jquerymobile 면도기 템플릿 html을 렌더링하지 않습니다

Question

면도기 템플릿을 사용하고 있으므로 코드를 작업 할 때 mvc 뷰의 난잡함을 줄일 수 있습니다.

<div data-role="page" id="page2"> 
<div data-role="header"> 
    @if (IsSectionDefined("Header2")) 
    { 
     @RenderSection("Header2") 
    } 
    else 
    { 
    } 
</div> 
<div data-role="content"> 
    @if (IsSectionDefined("Content2")) 
    { 
     @RenderSection("Content2") 
    } 
    else 
    { 
    } 
</div> 
<div data-role="footer"> 
    @if (IsSectionDefined("Footer2")) 
    { 
     @RenderSection("Footer2") 
    } 
    else 
    { 
    } 
</div> 

내가 최대 3 개 페이지에 위와 동일한 템플릿을 사용 : 나는 다음과 같이 내 모바일 페이지에 필요한 별도의 페이지로 렌더링 "섹션"을 만들었습니다.

이 순간에 내 문제는 내가 사용하여 내 2 페이지에 몇 가지 코드를 할당됩니다

:

@section Content2{ 
<div id="machinesearch" class="ui-content"> 
    <ul id="machinelist" data-autodividers="true" data-theme="d" data-divider-theme="a" 
     data-filter="true" data-role="listview"> 
     @foreach (var item in Model.Plants) 
     { 
      <li><a href="#page1" onclick="javscript:MachineSet($(this).find('input').val(),$(this).text());">@item.Asset_Descriptor<input id="Sap_ID" type="hidden" value="@item.Asset_SAP_ID"/></a></li>  
     } 
    </ul> 
</div> 

}

그리고이 페이지를 표시하는 내 링크입니다 :

$("#testbutton").click(function(){ 

$('#page2').trigger('pagecreate'); 
$("#machinelist").listview('refresh'); 
alert("test"); 

}); 

그러나 이것은 어떤 차이도없는 것처럼 보입니다.

아이디어가 있으십니까?

두 번째 페이지의 html을 포함하는 첫 번째 페이지의 html 소스를 볼 때 데이터가 모두 올바르게로드 된 것을 볼 수 있습니다. 그것은 면도기가 페이지 1이로드 된 후 2 페이지에 데이터를 주입하기 때문인 것으로 보인다.

Answer 1

당신은 실제로 페이지를 표시되지 않는 .....

$.mobile.changePage("#page2"); 

페이지를 표시합니다.