2015-06-16 2 views
0

Моя проблема в том, что я использую jQuery Mobile в своем приложении. И я использую jqm, встроенный в ajax anchor page transition. Например:Fetch JSON & Load DOM JQM

<a href="cards.html">Go</a> 

Теперь оба файла html имеют одинаковую структуру.

<html>...<body><div data-role="page" id="home">...</div> 

Я предполагаю, что содержимое карт.html загружается в #home. Но я хочу продолжить запрос сервера getJSON и изменить новую страницу до ее загрузки. Поэтому в основном я хочу, чтобы спиновый барабан вращался до тех пор, пока JSON не будет извлечен и не будет помещен в новые элементы DOM.

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

ответ

0
  • Установите элементы вашей новой страницы по умолчанию сокрыта (использовать класс в верхней HTML <div>)
  • Показать вертушку на pageshow событие: $(document).on("pageshow", "#cards", function(event) { $.mobile.loading("show"); }
  • В тот же обработчик событий начать ваш запрос JSON
  • В «завершенном» обратном вызове обновить DOM, скрыть счетчик и показать все обновленные элементы