javascript - jQuery 工具选项卡自动旋转（完成）并在鼠标悬停时暂停（完成）恢复鼠标悬停需要帮助！

Question

我可以让标签自动旋转，并在悬停时暂停，但是当你鼠标移开时似乎无法让它们重新开始。另外，“fadeInSpeed”是否正确完成？请看一下，看看您是否可以提供帮助，非常感谢！真的很高兴看到 jQueryTools 再次表现出色！

$(function() {
    var rotateDelay = 3500;
    var rotateTabs=true;
    var $tabItems = $('#flowtabs li a').hover(function(){
    rotateTabs=false;
});

var tabs = $("ul#flowtabs").tabs('#flowpanes > div', {api:true, effect:'fade', fadeInSpeed: 100, rotate: true});

function doRotateTabs(){
    if (rotateTabs) {
        setTimeout(function(){
            if (!rotateTabs) return;
            if(tabs.getIndex() == $tabItems.length-1){
                tabs.click(0);
    }
    else {
        tabs.next();
    }
    doRotateTabs();
    }, rotateDelay);
  }
}
doRotateTabs();
});

Answer 1

你有没有解决过这个问题

你为什么要编写自己的代码来让它自动播放我刚刚通过了sideshow的配置并且它可以工作。它似乎在鼠标悬停并且像一个魅力一样工作。

我的代码如下

$(function() {
$(".slidetabs").tabs(".images > div", {

// enable "cross-fading" effect

effect: 'fade',
fadeOutSpeed: "slow",

// start from the beginning after the last tab
rotate: true

// use the slideshow plugin. It accepts its own configuration
}).slideshow({

    autoplay: 'true'

    });


});

我希望这有助于 Adity Bajaj