4

我正在使用 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);

  });

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

4

4 回答 4

5

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

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

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

而不是“#tabs > ul”。

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

    jQuery(".rotatestopperitem").bind('click', function() {     
        jQuery("#featured").tabs("rotate",0,false);
    });
于 2010-07-13T16:24:24.563 回答
1

这应该有效:

 $("#sws_featured > ul").tabs().tabs("rotate", 0, false);
于 2009-08-12T21:24:37.570 回答
1

看到这里发布的这个解决方案:http ://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

您也许可以对其进行修改以适用于您的上下文。

于 2010-09-20T14:53:54.967 回答
0

试试这个

$(函数(){

     $('#sws_featured > ul').tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 2000);

        });
于 2009-08-24T15:59:47.763 回答