2012-01-14 54 views
1

我想使用jQuery Mobile的子頁面插件(https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget),在「頁面」,從而增加DIV這樣的:jQuery Mobile的子頁面不能正常工作

<div class="content-view" data-role="page" id="details"> 

    <div id="detailsSubPage" data-role="subpage"> 
     <div data-role="header" data-position="fixed"> 
      <h1> 
       TESTING SUBPAGE</h1>     
     </div> 
    </div> 
</div> 

那麼超出這個我有一個鏈接到子頁面:

<a href="#details&ui-page=detailsSubPage" data-ajax="false" > 

,但它不能正常工作,它會打開一個空白頁,未顯示此演示頭..我缺少什麼嗎?

+0

這不是一個jQM小部件,我會聯繫Github開發人員並提出問題 – 2012-01-14 20:43:09

回答

3

據我所知,這不是什麼小部件提供。

您不能從主頁外部直接鏈接到子頁面。

該小部件使您能夠通過ajax加載(具有良好的轉換)具有正常功能的子頁面的多頁面。

如果沒有小部件,您將不得不加載沒有ajax的主頁面,否則子頁面將不會啓用。

0

這是正確的結構: /DIV數據角色=「頁面」類=「列表視圖頁的」 ID =「列表」/

主要頁面內容 /DIV數據角色=」子頁面 「級= 」列表視圖頁的「 ID = 」overview2「/

子頁面的內容 // DIV靠近格

/DIV數據角色= 」子頁面「 級=」 列表視圖頁「id =」overview「/ subpate content 2 // div close div

// div> //關閉頁面div