jQuery選項卡動畫暫停和控制器播放

Question

我已經使用jQuery選項卡爲carousal，但我需要控制按鈕，如播放和暫停。以下是我的控制。

<p id="carusalSwitch">Autoplay 
    <span class="on">On</span> | <span class="off">Off</span> 
</p> 

然後頁loaging，標籤動畫被暫停（停止），通過按鈕相互作用，它可以播放，反之亦然。以下是查詢代碼，

// when loaded carousal is paused, off text is change to bold 
$('#carusalSwitch .off').css('fontWeight','bold'); 

// when user click on "ON" link 
$('#carusalSwitch .on').click(function() { 
$('#featured > ul').tabs({fx:{opacity: 'toggle'}}).tabs('rotate', 3000, true); 
    $(this).css('fontWeight','bold'); 
$('#carusalSwitch .off').css('fontWeight','normal'); 
}); 

// when user click on "OFF" link   
$('#carusalSwitch .off').click(function() { 
$('#featured > ul').tabs(); 
    $(this).css('fontWeight','bold'); 
$('#carusalSwitch .on').css('fontWeight','normal'); 
}); 

當你點擊「打開」鏈接，動畫開始，但在「關」的點擊，動畫仍然在繼續。 什麼可能是錯誤？

即使我嘗試添加以下代碼，

$('#featured > ul').tabs().clearQueue().stop(); 

，但沒有運氣。

Answer 1

$('#featured > ul').tabs('rotate', null, true); 

當我如上面使用，它工作正常。

Answer 2

試試這個：

$('#featured > ul').unbind('toggle').unbind('rotate');