如何在jquery mobile中加载多页面模板

Question

我正在使用Jquery mobile，我正在更改为包含多个页面的多页面模板。事件正在触发此代码：

$.mobile.changePage("pages.html");

pages.html文件包含：

<div data-role="page" data-title="page1" id="page1">    
    <div data-role="header">
        <a href="#" data-rel="back" data-theme="a">back</a>  
        <h1>page1</h1>        
    </div><!-- /header -->
    <div data-role="content">          
        This is page1 
        <ul data-role="listview" data-inset="true"> 
            <li><a href="#page2">page2</a></li>
        </ul>
    </div><!-- content -->        
</div><!-- /page --> 


<div data-role="page" data-title="page2" id="page2">    
    <div data-role="header">
        <a href="#" data-rel="back" data-theme="a">back</a>        
        <h1>page2</h1>        
    </div><!-- /header -->
    <div data-role="content">          
        This is page 2
    </div><!-- content -->        
</div><!-- /page --> 

changePage可以工作，但它只会引入第一页而不是第二页进入DOM。因此，当我点击page2链接时，它不会转到第2页，因为它不在DOM中。如何使用changePage引入整个文件（pages.html），以便我可以访问该文件中的其他页面？