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

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 循环停止但未选择正确的项目时，一旦我 mouseOut 然后再次使用 MouseOver，该功能就可以完美运行！ 我的问题在于第一次 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); 
});