jqueryui旋转选项卡&;事件
我正在使用jQueryUI(旋转选项卡),我想知道如何停止循环 当其中一个导航选项卡上发生onclick事件时jqueryui旋转选项卡&;事件,jquery,user-interface,tabs,onclick,rotation,Jquery,User Interface,Tabs,Onclick,Rotation,我正在使用jQueryUI(旋转选项卡),我想知道如何停止循环 当其中一个导航选项卡上发生onclick事件时 $(document).ready(function(){ $("#sws_featured > ul").tabs({fx:{opacity: "toggle"}}) .tabs("rotate", 5000,true); }); 我尝试添加此代码,就在上面代码的正下
$(document).ready(function(){
$("#sws_featured > ul").tabs({fx:{opacity: "toggle"}})
.tabs("rotate", 5000,true);
});
我尝试添加此代码,就在上面代码的正下方(也在.ready内)
但是没有用。我确认下面的函数正在接收onClick事件,但是旋转没有停止
$("#sws_featured > ul a").click(function(){
$("#sws_featured > ul").tabs("rotate", 0, false);
});
不能正确访问对象。。。有什么想法吗 这应该有效:
$("#sws_featured > ul").tabs().tabs("rotate", 0, false);
试试这个
$(函数(){
我通过使用最新的jqueryui库(在我的例子中是1.8.2,但我想1.7.3也适用于使用jQuery版本低于1.4的人)解决了这个问题 一旦开始使用最新的jqueryui版本,您必须将代码更改为:
jQuery("#tabs").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000);
而不是“#tabs>ul”
之后,在任何要停止旋转的事件中,绑定函数:
jQuery(".rotatestopperitem").bind('click', function() {
jQuery("#featured").tabs("rotate",0,false);
});
在此处看到此解决方案: 您可以修改它以适应您的上下文
jQuery(".rotatestopperitem").bind('click', function() {
jQuery("#featured").tabs("rotate",0,false);
});