Jquery 탭 : Ajax 후속 탭 열기

Question

여러 개의 탭으로 확장 된 양식이 있습니다. 사용자가 다음 탭을 클릭하면 모든 필드가 채워진 경우에만 양식이 유효화되고 사용자 밴은 다음 탭으로 이동합니다. 여태까지는 그런대로 잘됐다. 필드를 쿠키 또는 데이터베이스에 저장하려고합니다 (아직 확실하지 않음). 나는 PHP 컨트롤러에 대한 ajax 호출을 사용하여이를 수행한다. 잘 작동하지만 다음 탭이 즉시 열립니다. 먼저 성공 콜백을 기다렸다가 다음 탭만 열려고합니다. 나는 그것을 작동시키지 않는 것 같습니다. 탭의 선택 이벤트에서 내 코드의 부 :

$.ajax({ 
    type: 'POST', 
    url: 'saveorder/save_tab', 
    data: {data : tabData}, 
    success: function(msg) { 
    $('#tabs').tabs('option', 'select',2); 
    }, 
    dataType: 'json' 
}); 
return false 

이 분명히 표시되지하지만 아약스 요청 후 다음 탭을 방지 할 수는 성공적인 아무 일도 발생하지 않습니다. 누구든지 아이디어가 있으십니까?

Answer 1

이 코드 :

$.ajax({ 
    type: 'POST', 
    url: 'saveorder/save_tab', 
    dataType: 'json', 
    data: {data : tabData}, 
    success: function(msg) { 
    $("#tabs").tabs({ selected:2}); 
    }, 
    error: function(msg) { 
    $("#tabs").tabs({ selected:1}); //load ur previous tab itself if returns error.. 
    } 

}); 

시도