2011-04-28 120 views
0

我有一個關於在jCarousel中加載新數據時重置滾動位置的問題。 鏈接是在這裏: http://rjwcollective.com/equinox/rishi_gallery/eqgall.phpjCarousel重置滾動位置

新的數據來的時候,你在左側點擊側邊欄上的過濾器英寸 但是,如果您開始在右側邊欄上的輪播中滾動,然後重新選擇過濾器,則新加載的數據不會重置到頂部位置。

我在div使用.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

謝謝@pabloserbo功能是 'carousel.scroll(1,0);'第一是項目的索引要滾動到,第二個是布爾值是否應該使用動畫。 – frishi 2011-04-28 23:40:26

0

我不熟悉的jCarousel但它看起來像它的行事怪異,因爲你需要.add上傳送帶對象。相反,你只需設置HTML。

看一看在AJAX樣本這裏(動態實例):http://sorgalla.com/jcarousel/

+0

加里,你的方法是我應該從一開始就採取的方法,但是,我太深入部署。 @pabloSerbo指導幫助我得到了一個臨時解決方案,即重新設置旋轉木馬的滾動位置。 – frishi 2011-04-28 23:42:04