2011-04-28 6 views
0

jCarousel에서 새 데이터를로드 할 때 스크롤 위치 재설정에 대한 질문이 있습니다. 링크는 여기에 있습니다 : http://rjwcollective.com/equinox/rishi_gallery/eqgall.phpjCarousel 재설정 스크롤 위치

왼쪽에있는 사이드 바에있는 필터를 클릭하면 새로운 데이터가 나타납니다. 그러나 오른쪽 사이드 바의 캐 러셀에서 스크롤을 시작한 다음 필터를 다시 선택하면 새로로드 된 데이터가 최상위 위치로 재설정되지 않습니다.

나는 .empty()를 사용하여 사업부의 데이터를 비우는하고

시나리오는 다음과 같이이다 :

먼저로드 :

//first load 
$.ajax({ 
    type:"POST", 
    url:"sortbystate.php", 
    data:"city=&gender=&category=", 
    success:function(data){ 
      //carousel 
      $('#thumbs').html(data); 

    } 

});//end ajax 

필터 선택 :

$(".statelist :input").click(function(){ 
    $('#thumbs').empty(); 

    var state = $('.statelist input:checked').attr('value'); 
    var gender = $('.gender input:checked').attr('value'); 
    var category =$('.category input:checked').attr('value'); 
     $.ajax({ 
      type:"POST", 
      url:"sortbystate.php", 
      data:"city="+state+"&gender="+gender+"&category="+category, 
      success:function(data){ 

        $('#thumbs').html(data); 

      } 


     });//end ajax 
    }); 

답변

0

새 데이터로드시 캐 러셀을 재설정 할 수 있습니다.

 success:function(data){ 

       carousel.reset(); 
       $('#thumbs').html(data); 

     } 

이렇게하면 위치가 지워지고 재설정됩니다.

또는 carousel.pos (0)을 호출 할 수 있습니다. 다시 시작으로 이동합니다. 더 많은 기능이 필요하면

는 소스에서 사용할 수있는 기능을 보는 것이 가장 좋습니다 :

https://github.com/jsor/jcarousel/blob/master/lib/jquery.jcarousel.js

+0

당신이 기능은 'carousel.scroll입니다 @pabloserbo 감사 (1, 0); '첫 번째 항목의 인덱스입니다 스크롤 할 때 두 번째는 애니메이션 사용 여부에 대한 부울입니다. – frishi

0

내가 jcarousel에 익숙 해요하지만 당신이 .add 할 필요가 있기 때문에 이상한 행동처럼 보이는 회전 목마 개체. 대신 HTML 만 설정하면됩니다.

여기 아약스 샘플 (동적 예)를 살펴 보자 http://sorgalla.com/jcarousel/

+0

게리, 당신의 접근 방식은 내가 가져 가야했던 것입니다. 그러나 나는 너무 깊이 배치되었습니다. @pabloSerbo 안내는 임시 해결책을 얻는 데 도움이되었습니다. 임시 해결책은 회전식 슬라이드의 스크롤 위치를 재설정하는 것입니다. – frishi