2013-02-25 2 views
0

대신 css3 전환을 사용하는 대신 css3 전환을 사용하여 jQuery에서 .animate()를 사용하는 방법이 있습니까?대신 .animate()

그래서 대신에이 코드

jQuery('#pageHolder').stop().animate({ 
      left: 950 

}, 400, function() { 
      calcNav(pageSize); 
      calcPage(pageSize); 
}); 

캔의

와 나는 CSS 전환이 작업을 수행 할 방법?

+0

사용 JQuery와 교통 플러그인 –

+0

을 네, 그냥 트리거 전이 종료 이벤트

jQuery('#pageHolder').on('webkitTransitionEnd transitionend msTransitionEnd oTransitionEnd', function(){ calcNav(pageSize); calcPage(pageSize); } ); 

변경에 CSS 속성을 처리기를 부착 해보십시오 'calc' functions :) Google을 사용 해본 적이 있습니까? –

답변

1

#pageHolder{ 
    -webkit-transition:left 0.4s; 
    -moz-transition:left 0.4s; 
    -o-transition:left 0.4s; 
    transition:left 0.4s; 
} 

이벤트를

jQuery('#pageHolder').css({left: 950}); 
+0

thankyou - 위대한 답변 - 완벽한 – Dan