2013-10-14 2 views
0

Только что начал с jQuery mobile и я понял понятие страницы роли данных. Мое приложение будет состоять из отдельных страниц вместо нескольких из них в пределах одного HTML файлаКак обрабатывать общие элементы в jQuery mobile

Эти страницы, при визуализации в традиционном веб-сайте, содержат много общего разметки (заголовок, меню, колонтитула) В идеале, я хотел бы каждый новую страницу, чтобы просто изменить содержимое страницы, а не загружать всю дополнительную разметку. Это я могу обрабатывать только прекрасную серверную сторону и возвращать только фрагмент HTML без остальной части элементов. Однако jqm отобразит только ответ, и все обычные биты будут скрыты. Кто-то может возразить, чтобы просто вернуть все, но некоторые из общих элементов (например, меню) имеет логику на стороне клиента, которая делает запрос AJAX при загрузке страницы отображаемым пользовательским данным, и нет необходимости делать это для каждого стр.

Я считаю, что это очень распространенный сценарий, и меня интересует, как все вы имели дело с этой ситуацией ?

Благодаря

ответ

1

Проверить последний JQM 1,4 demos. Верхняя и нижние колонтитулы, панель и всплывающие окна могут быть созданы за пределами страницы JQM, поэтому единственным, что остается

<div data-role="page" id="your_page_id"> 
    <div class="ui-content"> 

    </div> 
    </div> 

только страница с содержанием изменятся на changePage звонков. Остальное будет сохраняться.

ПРИМЕЧАНИЕ: Обязательно позвоните

$(document).enhanceWithin() 

перед показом страницы, потому что JQM не улучшит элементы за пределами страницы AFAIK.

+0

Спасибо. Я вижу, что 1.4 находится в альфе. Ищете стабильное решение. Кроме того, я не мог найти примеров с тем, что вы считаете. У вас есть прямая связь? – Thomas

+0

Beta - см. [Шаблон для отслеживания вопросов] (http://jsbin.com/ofuhaw/95) – frequent

+0

, и то, что вы ищете, работает очень хорошо, потому что я его тоже использую. – frequent

Смежные вопросы