使用hover并单击jQuery UI选项卡？

我在jQuery UI选项卡中使用以下代码：

$('#tabs').tabs({ fx: { opacity: 'toggle', duration: 400 }}).tabs('rotate', 1000); $("#tabs").hover(function() { $("#tabs").tabs("rotate",0); }, function() { $("#tabs").tabs("rotate",1000); }); $("#tabs").click(function() { $("#tabs").tabs('rotate', 0); }); 

当鼠标hover时，标签正确旋转并且旋转停止。 但是，’hover’function也会覆盖’click’function。 如何在hover时实现暂停，并在点击时完全停止旋转？

Answer 1

试试这个

 $('#tabs').tabs({ fx: { opacity: 'toggle', duration: 400 } }).tabs('rotate', 1000); $("#tabs").hover( function() { $("#tabs").stop(); }, function() { $("#tabs").tabs("rotate",1000); } ); $("#tabs").click( function() { $("#tabs").stop(true); } ); 

Answer 2

就在一周前，我找了同样的问题。 现在我创建了一个extesion：暂停为jQuery UI选项卡旋转hover