Question

我正在使用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);  
        }  
    );  
});

但是悬停不起作用。

如何让它在列表中循环并暂停悬停？

Answer 1

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

Answer 2

家伙！我刚刚提交了一个扩展，在悬停时为jQuery UI选项卡进行暂停 jQuery UI Tabs Rotate: Pause on Hover

享受它！

jQuery ui标签在悬停时旋转暂停

2 个答案: