JQuery UI旋转标签和事件

Question

我正在使用JQuery UI（旋转标签），我想知道如何在其中一个导航标签上发生onclick事件时停止骑自行车 。

$(document).ready(function(){ 
       $("#sws_featured > ul").tabs({fx:{opacity: "toggle"}}) 
             .tabs("rotate", 5000,true); 
}); 

我尝试添加此代码，就在（以及内。就绪）上面的代码 但无济于事。我确认下面的这个函数正在接收onClick事件，但是旋转不停止。

$("#sws_featured > ul a").click(function(){ 

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

    }); 

不能正确访问对象...任何想法？

Answer 1

我已经使用了最新jQueryUI的库（1.8解决了这个确切的问题。 2在我的情况下，但我猜1.7.3也适用于使用jQuery 1.4以下版本的人。

而且一旦y ou开始使用最新的jqueryui版本，您必须将代码更改为：

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

而不是“#tabs> ul”。

之后，在要停止转动的任何事件，绑定功能：

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

Answer 2

这应该工作：

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

Answer 3

试试这个

$（函数（）{

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

     }); 

Answer 4

看到这个解决方案张贴在这里：http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

你也许可以修改它的工作你的上下文。