jqueryui旋转选项卡&;事件

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); }); 我尝试添加此代码,就在上面代码的正下

我正在使用jQueryUI(旋转选项卡),我想知道如何停止循环 当其中一个导航选项卡上发生onclick事件时

$(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);
    });