【问题标题】:JQuery Mobile Swipe on the same page with different contentJQuery Mobile 在不同内容的同一页面上滑动
【发布时间】:2012-11-01 15:04:18
【问题描述】:

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

【问题讨论】:

    标签: jquery jquery-mobile


    【解决方案1】:

    我真的不明白重复的问题

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

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

    回答你的问题:

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

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

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

    底线:
    试图避免重复使用 JQM 页面外壳和恕我直言,与仅使用三个页面和开箱即用的 JQM 相比,这不值得付出所有额外的努力。

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

    【讨论】:

      猜你喜欢
      • 2013-09-04
      • 2012-06-09
      • 2010-12-20
      • 2013-08-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-01-31
      • 1970-01-01
      相关资源
      最近更新 更多