Главная страница с JQuery Mobile

Question

Я новичок в JQM и на данный момент я ее изучаю.

Я хочу создать главную страницу, но я не совсем уверен, как мне это сделать с помощью JQM.

Это то, что я попробовал - код из моей главной странице:

<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> 

Я воображая, что фактическая главная страница HTML должна быть внутри одного <div data-role="content"> и

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

внутри другой <div data-role="content"> Однако я эта версия, когда я запускаю свой проект, я вижу только пользовательский интерфейс с моих страниц, но не тот, который находится на главной странице. Я попытался перемещать эти HTML вокруг, и я получаю stituation, где интерфейс страницы мастера был заметным, но не интерфейс страниц. К сожалению, я не могу понять, как это сделать.

Любые предложения? Спасибо!

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>