Как загрузить многостраничный шаблон в jquery mobile - PullRequest
Новая
       3

Как загрузить многостраничный шаблон в jquery mobile

2 голосов
/ 28 марта 2012

Я использую 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), чтобы у меня был доступ к другим страницам в этом файле?

...