javascript - 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 循环停止但未选择正确的项目时，一旦我 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); 
});