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

Question

我想从包装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>

这里是相应的Jsfiddle

https://jsfiddle.net/4Lushdxr/