Загрузить страницу в div jQuery Mobile

Question

Я хочу загрузить содержимое страницы, находящейся в другой папке (например: «files/pages/example.html») для контейнера div, нажав на кнопку в jQuery Mobile!

Как это сделать?

<div data-role="page"> 
    <div id="container" data-role="content"><button id="clickButton">Click me!</button></div> 
</div> 

Answer 1

$ .mobile.loadPage метод вам нужно. Он позволяет загружать внешний html-файл и вставлять его в dom. По умолчанию для этого метода нужно загрузить его как целую страницу, поэтому вам нужно указать параметры для загрузки в элемент dom. Это пример (и непроверенный) код:

$('#clickButton').on("click",function(){ 
    $.mobile.loadPage("theURLofThePage",{pageContainer: $('#container')}) 
}); 

сейчас, не забывайте о проблеме безопасности CrossDomain. Мне удалось сделать эту работу в Firefox, добавив:

$("#landingPage").live('pageinit', function() { 
      jQuery.support.cors = true; 
      $.mobile.allowCrossDomainPages=true; 
     }); 

Кроме того, страница, которую вы загружаете должны быть завернуты в данных ролей = странице ДИВ (скажем, она имеет идентификатор = «SecondPage»). После загрузки, запуска на данных ролей = странице с ид = SecondPage сНа:

$('#secondPage").trigger('pagecreate');