Jquery ui jQuery ui选项卡旋转悬停
我正在使用jquery ui处理旋转器,可以使用以下命令使其暂停悬停:Jquery ui jQuery ui选项卡旋转悬停,jquery-ui,rotation,Jquery Ui,Rotation,我正在使用jquery ui处理旋转器,可以使用以下命令使其暂停悬停: $(document).ready(function(){ $("#rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); $("#rotator").hover( function() { $("#rotator").tabs("rotate",0,true);
$(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);
}
);
});
但是悬停不起作用
你知道如何让它在列表中循环并暂停悬停吗?出于某种原因,我有一个非常旧的jquery和jquery ui版本。我更新到了我们网站上运行的版本(1.7.2和jQueryUI1.82)。可以运行最新版本,但遗留代码有太多问题。伙计们! 我刚刚提交了一个扩展,为jQueryUI选项卡暂停悬停
享受吧 您能在中提供一个快速的示例,以便我们可以看到您影响ul的任何其他代码吗?请提供JSFIDLE PLEESEOK,对不起,我花了这么长时间才回来。我让它在这里运行:[link]它正在使用悬停……某种程度上。只要你保持鼠标在旋转器上移动。一旦停止,旋转将再次开始。我对此有点同意。真正的问题是:1.它不会循环浏览列表。它进入第5项,然后以空白背景显示主区域,并停止旋转。我试着让它#rotator>ul,它正确地循环旋转,但我失去了暂停功能。