JQuery Mobile Multiage не будет работать

Question

JQuery Mobile Multiage не будет работать

Пожалуйста помоги,

JQuery Mobile Multiage не будет работать, когда страница вызывается с другой страницы. Он только отображает кнопки, но не нажимает на свои внутренние страницы при нажатии. Работает нормально, когда к странице есть прямой доступ.

<!-- Page 1-->
<div data-role="page" id="description" data-title="Description">
<div data-role="header"  data-position="fixed" data-theme="d">
<!-- header 1-->`enter code here`
</div>  
</div>
<div data-role="content">
<!--- content 1-->
</div>
<div data-role="footer"  data-position="fixed" data-theme="d">
<div data-role="navbar"  data-iconpos="bottom">
<ul>
<li><a href="#description" data-role="button" data-icon="star">Description</a></li>
<li><a href="#physicians" data-role="button" data-icon="star">Physicians</a></li>
</ul>
</div>
</div>
</div>

<!-- Page 2-->
<div id="Physicians" data-role="page" data-title="Physicians">
<div data-role="header"  data-position="fixed" data-theme="d">
<!-- header 2 -->
</div>
<div data-role="content">
<!-- content 2 -->
</div>
<div data-role="footer"  data-position="fixed" data-theme="d">
<div data-role="navbar"  data-iconpos="bottom">
<ul>
<li><a href="#description" data-role="button" data-icon="star" data-transition="pop">Description</a></li>
<li><a href="#physicians" data-role="button" data-icon="star" data-transition="pop">Physicians</a></li>
</ul>
</div>
</div>
</div>

3

jquery-mobile multipage

Источник

user1079689 04 фев '12 в 17:00

3 ответа

Другие вопросы по тегам jquery-mobile multipage

user1284994 11 сен '12 в 17:39 2012-09-11 17:39 · Answer 1 · 2012-09-11 17:39

Попробуйте добавить на якорь атрибут rel="external",

Пример:

<a href="#description" data-role="button" data-icon="star" rel="external">Description</a>

2

Источник

user1284994 11 сен '12 в 17:39

user981616 04 фев '12 в 17:05 2012-02-04 17:05 · Answer 2 · 2012-02-04 17:05

Попробуйте дать <div data-role="page" сначала для вашей второй страницы

1

Источник

user981616 04 фев '12 в 17:05

user737023 06 фев '12 в 20:35 2012-02-06 20:35 · Answer 3 · 2012-02-06 20:35

Когда вы вызываете эту страницу с другой страницы, она загружает ТОЛЬКО div[data-role="page"] этой страницы, а не другой div в этом многостраничном файле!

На самом деле, если быть точным, когда вы переходите по ссылке на страницу с другой страницы, ТОЛЬКО код внутри целевого элемента div извлекается через AJAX, даже если у вас был JS в <head> это не будет загружено либо.

Попробуйте создать ссылку на эту страницу с помощью внешней ссылки, и вы увидите, что она работает нормально.