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

Javascript滚动菜单 - MouseOver选择在第一次联系时无法正常工作

1 个答案: