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使用不同的参数多次调用同一页面。只要确保您设置allowSamePageTransitions为true 全局或changePage呼叫本身。JQM 将重新请求该页面并将其添加到 DOM，因此您最终会在其中两次获得相同的页面。

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

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

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

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

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