JQuery UI вкладка не поворачивается

Question

Я добавил вкладку 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 открывается консоль firebug. Другие браузеры показывают мне то же поведение. Когда я нажимаю на вкладку, он показывает мне фон моего элемента «div», как я ожидаю, но он не поворачивает мои вкладки.

UPD. отладка показывает, что мой обработчик вызывается через каждые 5 секунд, но браузер не хочет повторно применять прикладные изменения.

Любые идеи, почему это не работает правильно?

Answer 1

Методы 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(); 

Интересно, поможет ли это.