JQuery UI旋转选项卡和事件

Question

我正在使用JQuery UI(旋转标签),我想知道如何在其中一个导航标签上发生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);

  });

一定不能正确访问对象......有什么想法吗？

Answer 1

我已经通过使用最新的jqueryui库(在我的情况下为1.8.2,但我认为1.7.3也适用于使用1.4以下的jQuery版本的人)解决了这个问题.

一旦你开始使用最新的jqueryui版本,你必须将代码更改为:

jQuery("#tabs").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000);

而不是"#tabs> ul".

之后,在任何要停止旋转的事件上,绑定该函数:

    jQuery(".rotatestopperitem").bind('click', function() {     
        jQuery("#featured").tabs("rotate",0,false);
    });