2013-04-10 2 views
0

Hammer.js를 사용하여 내 웹 사이트의 페이지를 스 와이프하기위한 스 와이프 제스처를 추가하고 있습니다.Javascript로 JQuery 모바일 전환 호출

이제 JQuery Mobile을 사용하여 전환을 추가하려고하지만 전환은 HTML에서 호출됩니다. 애니메이션을 호출 할 수 있습니까?

data-transition="slide" 

(자바 스크립트 사용) 당신이 prefetching 예를 들어, 사용할 수 있습니다

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

나는 "슬쩍 탐색하기"하지만 난 Hammer.js 그것은 작동 – JSHelp

답변

1

당신은로드 시간을 개선하기 위해 jQueryMobile documentation

를 참조

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

사용할 수 있습니다

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

을 사용하고자하는 JQuery와 모바일의 새로운 기능을 알고하지만 당신은로드 시간 – JSHelp

+0

긴 로딩 시간이 조금 늦었지 만, 내가 다시 필요할 때 그것을 들여다 볼 것이다. – Peter

3

$.mobile.changePage()은 더 이상 사용되지 않습니다. http://api.jquerymobile.com/jQuery.mobile.changePage/. 적절한 방법을 사용하는 것입니다 : $.mobile.pageContainer.pagecontainer("change", "target", {transition: "flow", changeHash: false, reload: true})

$.mobile.navigate("#bar", {transition: "slide", info: "info about the #bar hash"});

    1. 그냥 내가 다른 스레드에서 배운 내용에서이 질문에 대답 거라고 생각했다. 나머지 링크를 올려 놓을만큼 충분한 평판이 없습니다. Google에서 코드를 검색하여 각각의 StackOverflow 스레드를 찾습니다.

  • +0

    을 시도하고 속도를 프리 페치를 사용할 수 – JSHelp

    관련 문제