链接到jquery mobile中的子页面

Question

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

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

以下是描述问题的简单小提琴。 Page-2工作正常，但Div内的Page-3没有变化。

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