如何刷新jquery旋轉木馬自動播放

Question

我需要刷新div或jQuery函數後，從左列表中選擇一個輪播從左列表中加載時滾動左滾動但功能執行時，下一個滾動停止。

的代碼是：

<script type="text/javascript"> 
    $(function() { 
    $('#carousel_1').carouFredSel({ 
     width: '100%', 
     auto: { 
     items: 1 
     }, 
     prev: '#prev1', 
     next: '#next1' 
    }); 

    $('#carousel_2').carouFredSel({ 
     width: '100%', 
     auto: { 
     items: 1 
     }, 
     prev: '#prev2', 
     next: '#next2' 
    }); 

    $('#carousel_3').carouFredSel({ 
     width: '100%', 
     auto: { 
     items: 1 
     }, 
     prev: '#prev3', 
     next: '#next3' 
    }); 

    var items = $('.list_switch>li>a').each(function() { 
     $(this).click(function() { 
     //remove previous class and add it to clicked tab 
     items.removeClass('current'); 
     $(this).addClass('current'); 

     //hide all content divs and show current one 
     $('.carousel').hide().eq(items.index($(this))).show('fast'); 
     }); 
    }); 

    // select the first tab on page load  
    items[0].click(); 
    }); 
</script> 

演示頁：http://blogillucent.alwaysdata.net/aaa/coolcarousel.html

Answer 1

可以使用play事件恢復所選滑塊的滑動：

例如，

$("#foo").trigger("play"); 

請參閱文檔here！

你的代碼，特別是：

var items = $('.list_switch>li>a').each(function() { 
    $(this).click(function() { 
    //remove previous class and add it to clicked tab 
    items.removeClass('current'); 
    $(this).addClass('current'); 

    //hide all content divs and show current one 
    $('.carousel').hide().eq(items.index($(this))).show('fast'); 

    // resume the slide on the selected slider 
    $('.carousel').eq(items.index($(this))).trigger("play"); 
    }); 
}); 

通過閱讀文檔，它應該暫停滑塊，以使用play事件，所以你應該每個滑塊初始化後，暫停的那些不可見：

例如，

$("#foo").trigger("pause"); 

---

您可以查看carouFredSel插件的Code examples for the custom events！