jQuery UI选项卡旋转，FX和事件：mouseover所有在一起

Question

我看过所有的教程，我可以找到，检查这里的问题，并阅读jQuery UI选项卡源，但我仍然无法弄清楚这一点。

我的目标是拥有一个旋转的内容框，在导航编号上带有fx淡入淡出和鼠标悬停效果。

这里你可以看到几乎工作版本：
http://www.chesapeakelifemag.com/index.php/cl_new/index

正如你所看到的鼠标悬停作品和旋转工作，但效果不会显示。这是我从

$(document).ready(function(){ 
    $("#content_slider").tabs(
      {event: 'mouseover'}).tabs(
      { fx: [{opacity: 'fadeOut', duration: 'slow'}, 
      {opacity: 'toggle', duration: 'fast'}] }).tabs(
     'rotate', 5000, true); 
    }); 

工作的代码，我觉得我串在一起一吨的论点，都应该进入一个.tabs（）函数，但是当我尝试鼠标悬停后的功能，FX或旋转中断。

有没有人有答案？

$(document).ready(function(){ 
$("#content_slider").tabs({event: 'mouseover', 
     fx: [{opacity: 'fadeOut', duration: '100'}, 
      {opacity: 'toggle', duration: 'fast'}]}).tabs(
     'rotate', 7000, true); 
});' 

Answer 1

请尝试以下格式：

$(document).ready(function() { 
    $("#content_slider").tabs({ 
     event: 'mouseover', 
     fx: { 
      opacity: 'toggle', 
      duration: 'slow' 
     } 
    }).tabs('rotate', 5000, true); 
}); 

我使用的标签在应用程序中，我添加了上述FX性能和它的工作。我不确定您的脚本是否正确地构造了效果。