Как проверить, была ли страница «pagecreated» в JQuery Mobile?

Question

У меня есть приложение с двумя страницами. На обеих страницах все содержимое создается динамически на клиенте.

Проблема в том, что если я уезжаю page A > page B > page A > page B, во второй + визит страница B больше не улучшается JQuery Mobile, хотя pagecreate триггеры правильно. Я застрял со страницей неуправляемой разметки.

Я не могу позвонить create в отдельных видах странице, так как виджеты будут случайного типа и потому что я cannot call create prior to initialization. После получения этой ошибки я вызвал pagecreate вручную на странице без расширения, в которой были зафиксированы все виджеты.

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

Таким образом, казалось бы, простой вопрос:
Как я могу проверить, если страница была подкреплена JQuery Mobile?

Спасибо за ввод!

Answer 1

Это довольно просто.

1. В случае, если вы используете триггер ('pagecreate') для улучшения разметки страницы затем использовать это, чтобы проверить, если страница контейнер был усовершенствован:

   $(document).on('pagebeforeshow', '#index', function(){  
       alert($.mobile.activePage.hasClass('ui-page')); 
   }); 
   

   Живой пример: http://jsfiddle.net/Gajotres/HthYd/

2. Если вы используете триггер ('create') для улучшения только содержимого контента div, используйте это, чтобы проверить, был ли контейнер содержимого расширен:

   $(document).on('pagebeforeshow', '#index', function(){  
       alert($.mobile.activePage.find('[data-role="content"]').hasClass('ui-content')); 
   }); 
   

   Живой пример: http://jsfiddle.net/Gajotres/8jcGb/

Конечно, это случаи будут работать только в случае, если вы совершенствуют целую страницу или все содержимое.

EDIT:

А вот реальный живой пример с динамически добавлены страницы: http://jsfiddle.net/Gajotres/8jcGb/