jquerymobile: могу ли я вставить одну страницу в другую

Question

Могу ли я вставить одну страницу (data-role="page") на другую страницу, например:

<div data-role="page"> <!-- outer page -->
  <div data-role="header"></div>
  <div data-role="content">
  <div data-role="page"> <!-- inner page -->
    <div data-role="header"></div>
    <div data-role="content">
        inner page content goes here....
    </div>
    <div data-role="footer"></div>
  </div> <!-- inner page -->
  <div data-role="footer"></div>
</div> <!-- outer page -->

Когда я пытался так, я не видел свой контент, но внешний заголовок, нижние колонтитулы отображаются для я.

Спасибо, nehatha.

Answer 1

Нет, вы не можете. Страницы не предназначены для встраивания друг друга. Может быть, вы можете написать, чего вы пытаетесь достичь этим?

У вас есть два варианта.

1. Напишите свою собственную логику перехода, что не составит особого труда, можно сказать, $ ('# content'). Html (new html); на каждую кнопку нажимайте и сохраняйте только одну страницу.
2. используйте data-position = "fixed" для верхнего и нижнего колонтитула в jQuery mobile и используйте обычную страницу, таким образом ваш верхний и нижний колонтитулы не будут перемещаться при прокрутке и разбивке на страницы.

Структура многостраничного шаблона: http://demos.jquerymobile.com/1.4.2/transitions/pages/