用Javascript調用JQuery Mobile轉換

我正在使用Hammer.js添加一個輕掃手勢來滑動瀏覽我的網頁。用Javascript調用JQuery Mobile轉換

現在我想添加一個使用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"; 
});

來源

2013-04-10 JSHelp

我知道JQuery Mobile的新功能「滑動導航」，但我想用Hammer.js – JSHelp 2013-04-10 14:38:30

您可以使用

$.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>

來源

2013-04-10 14:42:02 Peter

它可以工作，但它有一個很長的加載時間 – JSHelp 2013-04-10 15:30:26

您可以使用預取嘗試並加快加載時間 – Peter 2013-04-10 15:47:36

$.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線程。

來源

2014-03-13 04:23:29 geoyws

A有點晚了，但我會再看看它，當我再次需要它 – JSHelp 2014-03-13 17:08:45

用Javascript調用JQuery Mobile轉換

回答

相關問題