JQuery Mobile을 사용한 마스터 페이지

Question

저는 JQM을 처음 접했고 그 순간을 탐색 중입니다.

마스터 페이지를 만들고 싶지만 JQM을 사용하여 어떻게해야하는지 잘 모르겠습니다.

이

내가 무엇을 시도했다입니다 - 코드 내 마스터 페이지에서 경우 :

<asp:ContentPlaceHolder ID="cpmain" runat="server"> 
       </asp:ContentPlaceHolder> 

내가 실제 마스터 페이지의 HTML 하나 <div data-role="content"> 내부되어야한다고 상상했다

<div data-role="page" id="headerID"> 
     <div data-role="header"> 
      <h1> 
       Language</h1> 
     </div> 
     <div data-role="content"> 
      <select id="ddlLanguage" runat="server" data-theme="e" data-native-menu="false"> 
       <option value="1">English </option> 
       <option value="2">Bulgarian </option> 
       <option value="3">Spanish </option> 
       <option value="4">Norwegian </option> 
      </select> 
     </div> 
    </div> 
    <div data-role="page" id="contentID"> 
     <div data-role="header"> 
      <h1> 
      </h1> 
     </div> 
     <div data-role="content"> 
      <asp:ContentPlaceHolder ID="cpmain" runat="server"> 
      </asp:ContentPlaceHolder> 
     </div> 
    </div> 

및 inside another another <div data-role="content"> 그러나이 프로젝트를 실행하면 내 페이지에서 사용자 인터페이스 만 볼 수 있지만 마스터 페이지에서는 볼 수 없습니다. 나는이 HTML을 주변에서 움직이려고 노력했는데 마스터의 페이지 인터페이스가 눈에 띄지 만 페이지의 인터페이스가 아닌 곳에서 정보를 얻는다. 슬프게도 나는 이것을하는 법을 배제 할 수 없다.

제안 사항? 감사합니다.

Answer 1

여기에 내가 한 일이 있습니다. data-role="header" 부분의 마스터 페이지에서 실제 마스터 페이지 인터페이스 (드롭 다운 목록)를 삽입했습니다. data-role="content"보다 ContentPlaceHolder를 삽입 했으므로 모든 페이지의 헤더로 드롭 다운 목록이 예상됩니다.

<div data-role="page" id="contentID"> 
     <div data-role="header"> 
      <select id="ddlLanguage" runat="server" data-theme="e" data-native-menu="false"> 
       <option value="1">English </option> 
       <option value="2">Bulgarian </option> 
       <option value="3">Spanish </option> 
       <option value="4">Norwegian </option> 
      </select> 
     </div> 
     <div data-role="content"> 
      <asp:ContentPlaceHolder ID="cpmain" runat="server"> 
      </asp:ContentPlaceHolder> 
     </div> 
</div>