0

我正在使用 jquery ui 开发一个旋转器,并且可以让它在悬停时暂停:

$(document).ready(function(){  
    $("#rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);  
    $("#rotator").hover(  
        function() {  
            $("#rotator").tabs("rotate",0,true);  
        },  
        function() {  
            $("#rotator").tabs("rotate",5000,true);  
        }  
    );  
});

唯一的问题是它停在列表中的最后一项上,除非我做到,否则不会轮换第一项:

$(document).ready(function(){  
    $("#rotator > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);  
    $("#rotator").hover(  
        function() {  
            $("#rotator").tabs("rotate",0,true);  
        },  
        function() {  
            $("#rotator").tabs("rotate",5000,true);  
        }  
    );  
});

但随后悬停不起作用。

任何想法如何让它在列表中循环并在悬停时暂停?

4

2 回答 2

0

出于某种原因,我有一个非常旧版本的 jquery 和 jquery ui。我更新到我们网站上运行的版本(1.7.2 和 jquery ui 1.82)。可以运行最新版本,但遗留代码有太多问题。

于 2013-03-05T22:04:38.410 回答
0

伙计们!我刚刚提交了一个扩展,让 jQuery UI 选项卡的悬停时暂停 jQuery UI 选项卡旋转:悬停时暂停

好好享受!

于 2013-03-17T14:13:16.267 回答