使用Jquery Mobile从包装器div外部引用页面

我想从包装器div链接到另一个页面。我不想这样做的原因是，在设置页面的实际应用程序中，我有一个按钮，可以重新加载包装器div中的所有页面

下面是代码：这不起作用

<div id="wrapper"> 
  <div data-role="page" data-theme="b" id="page1">
   <div id="header" data-role="header" data-theme="b" >
     <h1>Page1</h1>
     <a href="#settings">Settings</a>
   </div>
   <div id="content" data-role="main" data-theme="b" >
     <h2>content</h2>
   </div>
   <div data-role="footer" data-theme="b" >
   </div>
 </div>
</div>
<div data-role="page" data-theme="b" id="settings">
   <div id="header" data-role="header" data-theme="b">
     <h1>Settings page</h1>
     <a href="#page1">Back</a>
   </div>
   <div id="content" data-role="main" data-theme="b" >
     <h2>content</h2>
   </div>
   <div data-role="footer" data-theme="b" >
   </div>
</div>

这是我的名字

---

为什么不将所有页面都放在正文下，然后在重新加载页面时，删除id不等于设置的所有页面：这并不容易，我通过ajax获取新页面，然后使用jquery函数将它们插入DOM。html这就是为什么包装器最适合的原因。只需使用append函数而不是html。它将离开设置页面，只需添加从JSON构建的所有html即可。谢谢！