JQuery Mobile在具有不同内容的同一页面上滑动

时间:2012-11-01 15:04:19

标签: jquery jquery-mobile

可以在JQuery Mobile中使用相同页面和不同内容的滑动吗? 我有一个详细列表,我可以在列表与事务效果之间进行滑动。 我会避免使用不同的名称剪切和粘贴同一页面并在它们之间导航,如下所示:

<div data-role="page" id="page" class="custom-page">....</div>
<div data-role="page" id="page_next" class="custom-page">....</div>
<div data-role="page" id="page_previous" class="custom-page">....</div>

是否可以使用$ .mobile.changePage并使用不同的参数调用同一页面,例如列表的索引? 有一些替代方案吗?

1 个答案:

答案 0 :(得分:0)

我真的不明白重复的问题

 <div data-role="page" id="..."></div>

元素,因为这就是JQM的工作方式,而页面shell本身并没有那么多“额外的包袱”。

回答你的问题:

是的,您可以使用不同的参数多次在同一页面上调用changePage。只需确保在全局或allowSamePageTransitions来电时将true设置为changePage。 JQM将重新请求页面并将其添加到DOM中,因此您最终会在那里使用相同的页面两次。

当然你也可以“刷”内容,但不能用JQM开箱即用。查看JQM paginationGithub上的内容加载的工作原理。

要做到这一点,你需要设置一个例程,说明内容何时应该可用(加载时在页面上动态加载)应该放置的位置(因为你想要滑动它需要是正在查看您内容的左侧和右侧)以及如何处理哈希和浏览器历史记录(如果您不在“contentSwipe”上更改它,则无法回浏览器。)

底线:
对于试图避免重复使用JQM页面shell和IMHO而言,这是一件大惊小怪的事情,仅仅使用三个页面和JQM开箱即用并不值得付出额外的努力。

不过,我希望这可以让你从任何方向开始。