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＆gt; ul”。

之后，在任何要停止旋转的事件上，绑定函数：

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

Answer 2

这应该有效：

 $("#sws_featured > ul").tabs().tabs("rotate", 0, false);

Answer 3

在此处发布此解决方案：http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

您可以修改它以适合您的上下文。

Answer 4

试试这个

$（function（）{

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

        });

JQuery UI旋转标签＆amp;活动

4 个答案: