jQuery 탭 애니메이션 컨트롤러로 일시 중지 및 재생

Question

jQuery 탭을 사용하여 카루삭을 만들었지 만 재생 및 일시 중지 같은 컨트롤 버튼이 있어야합니다. 다음은 내 컨트롤입니다.

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

페이지가 반복되면 탭 애니메이션이 일시 중지 (중지)되고, 버튼 상호 작용으로 재생되며, 반대의 경우도 마찬가지입니다. 쿼리 코드는 다음,

// 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'); 
}); 

는 링크, 애니메이션 시작 "ON"을 클릭하지만, "오프"를 클릭하면, 애니메이션은 여전히 ​​계속

. 무엇이 실수 일 수 있습니까?

심지어 나는

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

하지만 운, 다음 코드를 추가했습니다.

Answer 1

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

, 그것은 잘 작동합니다.

Answer 2

이 시도 : 나는 위와 같이 사용하면

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