2012-01-31 101 views
0

我有一個單獨的頁面jquery移動應用程序,其中有幾個父頁面(直接在body下)和少量子頁面動態生成(與backbone.js)並保存在另一個div中。jquery mobile中的子頁面的鏈接

在鏈接頁面時父頁面正常工作,但簡單的div內的頁面不起作用。

以下是描述問題的簡單小提琴。頁面-2工作正常,但頁面內的頁面不會改變。

http://jsfiddle.net/zwhEB/

回答

0

你有一個額外的div第3頁

HTML

<!-- Remove this extra div --> 
<!-- <div id="pages"> --> 
    <div data-role="page" id="p3"> 
     <div data-role="header" data-rel="back"> 
       <h1>Header Page 2</h1> 
     </div> 

     <div data-role="content"> 
      <p>This is page2</p> 
     </div> 

     <div data-role="footer"><h4>Footer</h4></div> 
    </div> 
<!-- Remove this extra closing div --> 
<!-- </div> --> 
+0

但我需要那額外的div。我動態地在該div中生成一堆頁面。 – dhaval 2012-01-31 13:59:29

+0

爲什麼你需要額外的div?你可以將id屬性添加到body標籤並使用它來追加動態HTML頁面嗎? – 2012-01-31 14:01:29

+0

我正在使用backbonejs來生成基於模板的頁面,如果我給身體作爲包裝它追加頂部的頁面,並擾亂頁面結構 – dhaval 2012-01-31 14:04:05