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

Question

是否可以在 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 并使用不同的参数(例如列表的索引)调用同一页面？还有其他选择吗？

Answer 1

我真的不明白重复的问题

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

元素，因为这就是 JQM 的工作方式，并且页面 shell 本身实际上并没有那么“额外的包袱”。

回答您的问题:

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

当然，您也可以“滑动”内容，但 JQM 不能开箱即用。看看如何JQM pagination或内容加载于 Github作品。

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

底线:
为了避免重复使用 JQM 页面 shell，这是一件大惊小怪的事情，恕我直言，与仅使用三个页面和开箱即用的 JQM 相比，不值得付出所有额外的努力。

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