2011-10-18 5 views
0

좋아, 그럼 내가 원하는 건 슬라이드 쇼가 아니야. 내 구체적인 목표는 div 수를 설정하고 사용자가 div를 통해 스 와이프 할 수있는 컨테이너를 만드는 것입니다. 누구든지 Sencha 터치에 익숙하다면 회전식 패널과 같은 것을 찾고 있습니다. 특히 그것은 사람의 사진과 설명이 담긴 사람 페이지가 될 것입니다. 그래서 그렇게 연구를하고 후 나는 한 존재 ...이 옵션을JQtouch 스 와이프 이벤트/회전식 슬라이드

$(function(){ 
       // This prevents scrolling 
       $('#jqt').bind('touchmove',function(){ 
        event.preventDefault(); 
       }); 
       $('#p1').bind("swipe",function(event, info){ 
        if (info.direction === 'left') { 
         jQT.goTo($('#p2'), 'slideleft'); 
             } 
       }); 
      }); 

내 문제는 심지어 도구 모음 떨어져, 전체 페이지를 스 와이프이다, 몇 가지 옵션을 가로 질러왔다. 나는 또한 스타일을 가지고 뭔가를 올바르게하지 않을 것이다. 이러한 유형의 작업을 허용하는 확장 프로그램이 있습니까? 또는 이것을 코딩하는 방법조차도?

+0

많은 jQtouch를 사용하지 않지만 jQuery Mobile을 사용하면 라이브 메소드를 통해 컨테이너에 스 와이프를 첨부 할 수 있으며 스 와이프 한 항목 만 스 와이프를 등록하므로 해당 컨테이너 내의 요소에 애니메이션을 적용 할 수 있습니다. jQuery Mobile에서 '$ ('# container ')와 (과) 비슷한 것입니다. – Xavier

답변

0

jq.mobi은 회전 목마 같은 것들에 대한 몇 가지 플러그인이 있습니다 https://github.com/appMobi/jQ.Mobi/tree/master/plugins

당신은 시작점으로 해당 코드를 사용할 수 있습니다. jq.mobi 그 자체는 약간 젊지만 zepto 플러그인의 시작점으로이 코드를 사용할 수 있습니다.