jquery mobile中的子页面的链接

Question

我有一个单独的页面jquery移动应用程序，其中有几个父页面（直接在body下）和少量子页面动态生成（与backbone.js）并保存在另一个div中。

在链接页面时父页面正常工作，但简单的div内的页面不起作用。

以下是描述问题的简单小提琴。页面-2工作正常，但页面内的页面不会改变。

http://jsfiddle.net/zwhEB/

Answer 1

你有一个额外的div第3页

• http://jsfiddle.net/zwhEB/1/缠（注释掉额外的DIV，工作）

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