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”。

之后，在任何您想要停止旋转的事件上，绑定(bind)函数:

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