Javascript滚动菜单-鼠标悬停选择在第一次接触时无法正常工作

我目前正在使用一个自动循环的选项卡菜单。当我将鼠标移到其中一个选项卡上时，旋转应停止在所选选项卡上，当我将鼠标移出时，旋转应继续从所选选项卡项旋转

$(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);
})
});

当鼠标滑过循环停止但没有选择正确的项目时，一旦我滑过，然后再次滑过，该功能将完美工作！ 我的问题在于，在第一次鼠标悬停时，代码似乎没有正确加载

有什么想法吗？我会非常感激你的帮助

再次感谢您的时间。

尝试以下方法：

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

---

谢谢，但它似乎不起作用。选择时，它似乎选择了第一个菜单项。看起来this.id没有返回值。知道吗？我这里有前面提到的问题的url。你怎么认为？