jQuery UI的标签不旋转

问题描述：

我已经在我的网页上加入jQuery的UI选项卡jQuery UI的标签不旋转

var verticalTabs = $("#tabs-vertical"); 

    verticalTabs.tabs({ 
     fx: { opacity: 'toggle', duration: '2000' }, 
     show: function (event, ui) { 
      var shownTab = $("#someId"); 

      if (false == shownTab.hasClass("someClass")) { 
       shownTab.addClass("someClass"); 
      } 
     } 
    }).tabs("rotate", 5000, true).show();

当显示选项卡，我加入了一些CSS类描述背景图像的面板，以提供某种延迟加载。这仅在FF中打开萤火虫控制台时有效。其他浏览器向我展示了相同的行为。当我点击标签时，它会显示我'div'元素的背景，但我不期望它旋转我的标签页。

UPD。调试显示我的处理程序在每5秒后调用一次，但浏览器不想重新渲染应用的更改。

任何想法为什么它不能正常工作？

答

hasClass和addClass方法期待没有句号的类。

var verticalTabs = $("#tabs-vertical"); 

verticalTabs.tabs({ 
    fx: { opacity: 'toggle', duration: '2000' }, 
    show: function (event, ui) { 
     var shownTab = $("#someId"); 

     if (false == shownTab.hasClass("someClass")) { 
      shownTab.addClass("someClass"); 
     } 
    } 
}).tabs("rotate", 5000, true).show();

我不知道这是否有帮助。

jQuery UI的标签不旋转

相关推荐