Jquery UI 탭 : 이벤트 시작 돕기

Question

Jquery UI 탭 (1.7)에 대한 설명서를 읽었을 때 특정 이벤트가 발생하는 경우 Jquery 탭이 약간 이상하다고 생각합니다. 특정 탭이 클릭됩니다.

기본 탭이 작동하고 특정 탭을 선택하면 텍스트 상자에 포커스를 설정하기 만하면됩니다. 나는 위의 무엇을 의미하는지 정확히 모르겠어요

$('.selector').tabs({ 
    select: function(event, ui) { ... } 
}); 

:

UI를 문서 상태는 당신을 통해 선택 이벤트를 처리합니다. 나는 여기에 stackoverflow, specficially example에서 몇 가지 다른 예제를 통해 읽었습니다. 불행히도 데모는 제공된 답변에서 더 이상 작동하지 않습니다. 작성 및 PHP를 사용하여 특정 탭을 선택

내 현재 코드는 다음과 같습니다 잘 작동

$("#tabs").tabs(); 
$("#tabs").tabs('option', 'selected', <?php echo $tabID-1; ?>); 

.

$('#subject').focus(); 

Answer 1

당신이 할 것은 $를 제공하는 것입니다 ('. 선택') : 나는 4 탭이 선택 될 때 사용할 수있는 기능을 추가하고 싶습니다, 나는 텍스트 상자에 포커스에 비슷한 뭔가를 설정합니다. tabs()는 연관 배열을 기능합니다 (JavaScript에서는 그냥 객체라고 함). JavaScript가 변수를 매우 광범위하게 할당 할 수 있다는 사실을 사용하는 것이 중요합니다. 나는 당신의 제안을 구현

var tab_select_function = function(event, ui) 
{ 
    // Objects available in the function context: 
    // ui.tab  // anchor element of the selected (clicked) tab 
    // ui.panel // element, that contains the selected/clicked tab contents 
    // ui.index // zero-based index of the selected (clicked) tab 
    alert("Tab with index " + ui.index + " clicked!"); 
}; 

$('#tabs').tabs({ 
    select: tab_select_function 
});