Пример использования autoInitializePage в JQueryMobile - PullRequest
Новая
       0

Пример использования autoInitializePage в JQueryMobile

3 голосов
/ 03 сентября 2011

Я ищу простой пример, показывающий, как использовать JQueryMobile для рендеринга страницы, которая была динамически собрана на стороне клиента. $ .mobile.autoInitialize раньше работал несколько версий назад, и теперь у нас есть $ .mobile.autoInitializePage, но я не могу понять, как это сделать, или найти примеры людей, которые его используют.

Мои лучшие усилия ( ЭТО СЕЙЧАС РАБОТАЕТ - раньше вызывал настройку autoInitializePage слишком рано): 

<html> 
  <head> 
    <link class="jsbin" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" rel="stylesheet" type="text/css" /> 
    <script class="jsbin" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
    <script class="jsbin" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script> 
    <script> 
      $.mobile.autoInitializePage = false
    </script> 
  </head> 
  <body>
</body> 
  <!-- coffeescript makes multiline strings easy --> 
  <script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script> 
  <script type='text/coffeescript'> 
    $('body').html "
      <div data-role='page'>
        <div data-role='header'><h1>Title</h1></div>
        <div data-role='content'><p>Page content goes here.</p></div>
        <div data-role='footer'><h4>Page Footer</h4></div>
      </div>
    ";
    $.mobile.initializePage();
  </script> 
</html>

Результат здесь: http://jsbin.com/apocol/2 Возиться с этим здесь: http://jsbin.com/apocol/2/edit#html

1 Ответ

1 голос
/ 11 октября 2012

Я не уверен в влиянии на производительность или других возможных ошибках, но я успешно использовал это с динамически обновляемыми страницами, когда я хочу выполнить полное обновление. 

$("#MyPage").page("destroy").page();
...