0

我正在使用 Hammer.js 添加滑动手势以滑动浏览我的网站页面。

现在我想使用 JQuery Mobile 添加一个转换，但转换是在 HTML 中调用的。是否有可能调用动画：

data-transition="slide"

通过 Javascript。

<script type="text/javascript">
var hammertime = Hammer('html', {swipe_max_touches: 2, prevent_mouseevents: true
}).on("swiperight", function(event) {
document.location = "http://example.com";
});
4

2 回答 2

3

$.mobile.changePage()现在已弃用。http://api.jquerymobile.com/jQuery.mobile.changePage/。正确的方法是使用：

  1. $.mobile.navigate("#bar", {transition: "slide", info: "info about the #bar hash"});
  2. $.mobile.pageContainer.pagecontainer("change", "target", {transition: "flow", changeHash: false, reload: true})

只是想我会根据我从其他线程中学到的东西来回答这个问题。我没有足够的声誉来放置其余的链接。只需在 Google 上搜索代码即可找到它们各自的 StackOverflow 线程。

于 2014-03-13T04:23:29.380 回答
1

您可以使用

$.mobile.changePage( url, { transition: "slideup" });

请参阅jQueryMobile 文档

为了提高加载时间，您可以使用预取，例如

<a href="url" data-prefetch="true" data-rel="dialog" class="ui-link">
  This link will prefetch the page
</a>
于 2013-04-10T14:42:02.687 回答