의 jQuery UI 탭

Question

를 회전하지 않는 나는 나의 페이지에서 JQuery와 - UI 탭을 추가 한 탭이 ​​표시되면, 내가하기 위해 패널에 배경 이미지를 설명하는 일부 CSS 클래스를 추가 한

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(); 

일종의 게으른 로딩을 제공합니다. 이것은 firebug 콘솔이 FF로 열린 경우에만 작동합니다. 다른 브라우저는 저에게 동일한 행동을 보여줍니다. 탭을 클릭하면 내 '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(); 

제가 도움이 될지 궁금합니다.