2011-08-29 4 views
1

내 jQuery를 UI 탭에 대해 다음 코드를 사용하고 있습니다 : 마우스로 유혹 할 때호버를 사용하고 jQuery UI 탭으로 클릭 하시겠습니까?

$('#tabs').tabs({ 
    fx: { opacity: 'toggle', duration: 400 }}).tabs('rotate', 1000); 
$("#tabs").hover(function() { 
    $("#tabs").tabs("rotate",0); 
}, 

function() { 
    $("#tabs").tabs("rotate",1000); 
}); 

$("#tabs").click(function() { 
    $("#tabs").tabs('rotate', 0); 
}); 

탭은 회전 정지 제대로 회전하고있다. 그러나 '마우스 오버'기능은 '클릭'기능보다 우선합니다. 마우스를 가져갈 때 일시 중지를 수행하고 클릭시 회전을 완전히 중단하려면 어떻게해야합니까?

답변

1

$('#tabs').tabs({ 
    fx: { opacity: 'toggle', duration: 400 } 
}).tabs('rotate', 1000); 

$("#tabs").hover(
    function() { 
     $("#tabs").stop(); 
    }, 
    function() { 
     $("#tabs").tabs("rotate",1000); 
    } 
); 

$("#tabs").click(
    function() { 
     $("#tabs").stop(true); 
    } 
); 
관련 문제