jquery ui의 탭 위젯의 select 이벤트를 처리하는 방법은 무엇입니까?

Question

내 웹 페이지에서 jquery UI의 tab widget을 사용합니다. 초기화가 정상입니다. 탭의 on_selected 이벤트를 캡처하여 다른 작업을 수행하려고합니다. 내가 jquery의 문서를 따라 갔지만 작동하지 않습니다. doc!

나는 콜백 함수에

$("#editor-tabs").tabs(); 
    $("#editor-tabs").bind("tabsshow",function(event,ui){ 
      alert(ui.index); 
    }); 

및

$("#editor-tabs").tabs({ 
    select: function(event,ui){alert(ui.index);} 
}); 

풋 브레이크 포인트를 시도하고 적중되지 않습니다.

Answer 1

당신이 JQuery와 UI 1.10를 사용하는 경우 *, 코드를 다음은 올바른 것입니다.. 실수로 doc을 사용했습니다. 1.8에만 해당

비슷한 문제가있는 경우 버전 번호를 확인하는 것이 좋습니다.

 $("#editor-tabs").tabs({                 
      activate:function(event,ui){              
          alert(ui.index);             
        }                   
     }); 

Answer 2

코드 예제를 게시 하시겠습니까? http://api.jqueryui.com/tabs/ 에 따르면 "on_selected"이벤트가 없지만 beforeActivate, beforeLoad, create 및 load를 활성화합니다.

달성하고자하는 목표는 무엇입니까?

은 어쩌면이 하나를 참조하십시오 jQuery - trapping tab select event

$('#tabs, #fragment-1').tabs({ 
    select: function(event, ui){ 
    // Do stuff here 
    } 
}); 

Answer 3

이 유사하다이 질문에 대한 내 대답을 참조하십시오 : jQuery를 UI에 대한

https://stackoverflow.com/a/17509685/763629

참고 1.10.x +이 사용

ui.newTab.index()