#jquery #jquery-mobile #mobile
#jquery #jquery-мобильный #Мобильный
Вопрос:
У меня есть родительский div с data-role="page" , и его содержимое также имеет свое собственное data-role="page" . Возможно ли перемещаться в пределах области содержимого data-role="page" , не заставляя родительский div перемещаться?
Например,
<div id="main" data-role="page">
title goes here
<div id="content_1" data-role="subpage">
content goes here
</div>
<!--/#content_1 -->
<div id="content_2" data-role="subpage">
content goes here
</div>
<!--/#content_2 -->
</div>
<!-- /#main -->
В принципе, я хочу перемещаться только между #content_1 и #content_2 while #main просто останется на месте / останется так же, как и заголовок.
Комментарии:
1. Возможно, просто скройте / покажите 2
subpageраздела с помощью jQuery на основе вашей конкретной логики страницы, т. Е. при нажатии или каком-либо другом событии,$('#content_1').toggle(); $('#content_2').toggle();не забудьте также добавить#content_2{display:none;}CSS для начала.2. @RobSchmuecker сформулируйте это как ответ, чтобы я мог 1 к нему
3. Я хочу, чтобы у него был тот же эффект перехода, что и у data-role = «страница», например, добавление определенных переходов данных. Возможно ли это?
4. Спасибо @MauricePerry, сделано и свершилось 🙂
Ответ №1:
Возможно, просто скройте / покажите 2 раздела подстраницы с помощью jQuery на основе вашей конкретной логики страницы, т. Е. при нажатии или каком-либо другом событии, $('#content_1').toggle(); $('#content_2').toggle(); не забудьте также добавить #content_2{display:none;} для начала в качестве CSS.
Кроме того, если вы хотите собственные переходы и т.д., Которые вы получаете при загрузке между обычными страницами, Вы должны рассмотреть плагин / виджет, найденный здесьhttps://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget