Question

我查看了所有可以找到的教程，检查了这里的问题，并阅读了jQuery UI Tabs源代码，但我仍然无法理解这一点。

我的目标是拥有一个旋转内容框，导航数字具有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（）函数，但是当我尝试使用mouseover，fx或rotation的函数时，会发生这种情况。

有没有人有答案？

$(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属性并且它有效。我不确定你的脚本是否正确地构造了效果。

jQuery UI选项卡旋转，fx和事件：鼠标悬停在一起

1 个答案: