Jquery mobile 链接到jquery mobile中的子页面

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

链接页面时，父页面工作正常，但简单div中的页面不工作

下面是一个简单的小提琴来描述这个问题。第2页工作正常，但Div中的第3页没有更改

---

第3页有一个额外的div

• （注释掉了额外的div，正在工作）

HTML

页眉第2页
这是第二页

页脚

但我需要那个额外的div。我正在那个div中动态生成一堆页面。为什么需要这个额外的div？能否将id属性添加到body标记并使用它附加动态HTML页面？我正在使用backbonejs根据模板生成页面，如果我将body作为包装器，它会将页面附加在顶部，这会干扰页面结构工作示例：我将第3页附加到body，我通过更改主干视图代码解决了这个问题。尽管这需要我添加属性来查找父页面和子页面。

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