Question

我正在使用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";
});

Answer 1

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

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

我只是想从我从其他主题中学到的东西回答这个问题。我没有足够的声誉来提供剩下的链接。只需在Google上搜索代码，即可找到各自的StackOverflow主题。

Answer 2

您可以使用

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

请参阅jQueryMobile documentation

为了改善加载时间，您可以使用prefetching例如

<a href="url" data-prefetch="true" data-rel="dialog" class="ui-link">
  This link will prefetch the page
</a>

使用Javascript调用JQuery Mobile转换

2 个答案: