3

是否可以在 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 并使用不同的参数调用同一页面,例如列表的索引?有一些替代方案吗?

4

1 回答 1

0

我真的不明白重复的问题

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

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

要回答您的问题:

是的,您可以changePage使用不同的参数多次调用同一页面。只要确保您设置allowSamePageTransitionstrue 全局或changePage呼叫本身。JQM 将重新请求该页面并将其添加到 DOM,因此您最终会在其中两次获得相同的页面。

当然,您也可以“滑动”内容,但不能使用 JQM 开箱即用。看看Github上的JQM 分页或内容加载是如何工作的。

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

底线:
这是为了避免重复使用 JQM 页面外壳而大惊小怪,恕我直言,与仅使用三个页面和开箱即用的 JQM 相比,所有额外的努力都是不值得的。

不过,我希望这能让你开始朝任何方向发展。

于 2012-11-02T08:25:46.770 回答