Я работаю над небольшой страницей / приложением с помощью jQuery Mobile.
Домашняя страница (на / и /m/home) содержит ссылку на /m/activity. Этот работает просто отлично, хэш URL-адреса меняется на #/m/activity и отображается правильный контент.
Теперь /m/activity содержит два <div> с data-role="page". Первый <div> содержит ссылку с href="#activity-location-query", где activity-location-query является id второго <div>. Проблема, с которой я сталкиваюсь, заключается в том, что jQuery Mobile не встраивает второй <div> в DOM, как показывают обычные инструменты разработчика.
Ссылка работает нормально при прямом переходе на /m/activity, но jQuery Mobile пытается запросить / activity-location-query при нажатии на #/m/activity, поскольку <div> с id="activity-location-query" никогда не было встроено в DOM.
То, что я пытаюсь сделать, это разделить различные разделы приложения на отдельные файлы шаблонов и тому подобное. Однако для некоторых из них требуются дополнительные диалоги (например, #activity-location-query в /m/activity), и я хотел бы иметь возможность возвращать их с сервера вместе с «главной» страницей (я могу выбрать использование data-rel="dialog" позже) .
Вы можете посмотреть на страницу в реальном времени на http://www.blitzortung.mobi. Я использую jQuery 1.5.2 и jQuery Mobile 1.0a4