프로그래밍 방식으로 슬라이드/스크롤 jqTouch 요소

jqTouch에 대한 간단한 질문이 있습니다. 프로그래밍 방식으로 jqTouch 개체를 슬라이드 할 수 있습니까?프로그래밍 방식으로 슬라이드/스크롤 jqTouch 요소

예를 들어, 내가 100 개의 li 요소의 목록을 시간순으로 정렬했다고 가정 해 보겠습니다. 이 목록을 만들면 이 현재 시간과 함께 자동으로 슬라이드되기를 원합니다 - 50 번 위치에 있다고 말하면됩니다. 어떻게 할 수 있습니까? 가능한가?

예를 들어 jCarousel에서 스크롤 번호를 호출하고 .next()를 호출 할 수 있습니다. jqTouch는 어떻습니까? 가능하고 예인 경우 어떻게 할 수 있습니까?

가장 잘 목록을 만들 때

출처

2011-08-17 Sobis

, 당신은 클래스를 추가 할 수 있습니다, 예를 들어, "currentTime"을 에게으로 스크롤하십시오. 다음과 같이 jqtouch 페이지 이벤트 중 하나에 바인딩 할 수있는 리

function scrollToElement(selector,animate) { 
    //get the position of the li with class currentTime 
    var pos = $(selector).offset().top; 
    if (animate){ 
     $('html,body').animate({ scrollTop: pos },'slow'); 
    } else { 
     $('html,body').scrollTop(pos); 
    } 
}

의 위치로 스크롤 scrollTop 기능을 사용합니다. '#results'는 jqTouch를 사용하여 탐색하는 페이지입니다.

$(function() { 
    $('#results').bind('pageAnimationEnd', function (e, info) { 
     if (info.direction === "in" && loadOnce) { 
      scrollToElement('li.currentTime',animate) 
     } 
    }); 
});

당신이 jqTouch를 사용하지 않는 경우, 당신의 목록은 DOM

에로드 된 후 다른 곳에서는 준비 jQuery의 문서에 전화하거나

출처

2011-08-25 11:50:09 Dogoku

프로그래밍 방식으로 슬라이드/스크롤 jqTouch 요소

답변

관련 문제