Доступ к вкладке на разных страницах jquery mobile

Question

Я использую мобильный телефон Jquery в своем приложении. Ранее я использовал одну страницу и перемещался по странице с помощью хеш-тегов, но теперь я планирую разбить ее на несколько страниц. Так какой же подход лучше, то есть использовать теги или создавать отдельные файлы для этого?

И после разделения html-файла на несколько, как я получу доступ к содержимому тегов с data-role="page"? Как и раньше, я использовал тег # для поиска по страницам.

Answer 1

С точки навигации вы будете использовать имя файла вместо страницы #. Но это единственная разница.

Какое решение лучше, зависит от того, что вы пытаетесь сделать. Если вы создаете гибридное мобильное приложение с PhoneGap, используйте подход "один файл HTML / несколько страниц". Если вы просто создаете мобильную версию своего сайта, используйте подход нескольких HTML.

С точки зрения доступа к контенту вообще ничего не меняется. Вы по-прежнему будете использовать идентификатор своей страницы для доступа к ее содержимому.

Например, если вы только что сделали переход со страницы index.html на second.html, а second.html имеет страницу с идентификатором second. Затем вы получите доступ к его содержимому с помощью:

$('#second [data-role="content"]').....

В основном, если вы не учитываете навигацию, больше ничего не изменится. Ваш контент все равно будет загружен в DOM.

РЕДАКТИРОВАТЬ:

Я забыл, одна вещь изменится. В случае решения нескольких файлов html первая страница загружается нормально. Его HEAD и BODY загружаются в DOM, и они там, чтобы ждать другого контента. Когда загружается вторая страница, в DOM загружается только содержимое BODY. Так что вам нужно будет также беспокоиться об этом. Если вы хотите узнать больше об этом, взгляните на мой другой ответ: почему я должен поместить весь скрипт в index.html в jquery mobile