Javascript滾動菜單 - MouseOver選擇在第一次聯繫時無法正常工作

Question

我目前正在使用自動循環的標籤菜單。一旦我將鼠標懸停在其中一個選項卡上，「旋轉」應停止在選定的選項卡上，並且當我將鼠標移出時，它應該繼續從選定的選項卡項目旋轉。

$(document).ready(function() { 

$("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 1000, true); 

$("#featured > ul").mouseover(function() { 
    $(this).tabs({ event: 'mouseover', fx: { opacity: "toggle"} }).tabs("rotate", 0); 
}) 

$("#featured > ul").mouseout(function() { 
    $(this).tabs("rotate", 1000); 
}) 
}); 

此刻當鼠標懸停週期停止，但不會選擇正確的項目，一旦我鼠標移開，然後再次鼠標懸停的功能完美的作品！ 我的問題在於首先mouseOver代碼似乎沒有正確加載？

任何想法？幫助將非常感激。再次

感謝您的時間..

Answer 1

試試這個：

$("#featured > ul").mouseover(function() { 
    $(this).tabs("abort"); 
    $(this).tabs({ event: 'mouseover', fx: { opacity: "toggle"} }).tabs("rotate", 0); 
    $(this).tabs("select", this.id); 
});