아약스 탭을 불러 온 후의 콜백

Question

아약스로드 된 탭의 내용에 몇 가지 코드를 적용하려면 어떻게해야합니까? 로드 된 내용 내에서 $ (document) .ready를 사용했지만 CSS 스타일이로드되지 못하게했습니다 (이유를 모르겠 음).

콜백 기능이 있습니까? $ (document) .ready와 스타일을 다른 방법으로로드 된 문서 안에 사용해야합니까?

로드 된 문서 안에 $ (document) .ready를 사용하는 것이 좋으면 jquery 및 해당 플러그인에 대한 참조를 포함해야합니까?

Answer 1

당신이 load event를 시도 사용하고 계십니까? 탭의 내용이로드 될 때 호출해야합니다.

일반적으로로드 된 요소를 새 페이지로 취급하지 말고 $ (document) .ready를 호출해야합니다. 이것은 새로운 페이지는 아니지만 DOM에 추가 된 새로운 요소입니다. 모든 Ajax 메소드에는 데이터가 성공적으로로드 될 때 호출되는 콜백 메소드가 있습니다.

$('#nav_tabs').tabs({ 
    select: function(event, ui){ 
     var url = $.data(ui.tab, 'load.tabs'); 
     if (url == '?ak=/account/logout') { 
      //exclude the logout from using ajax 
      location.href = url; 
      return false; 
     } 
     return true; 
    }, 
}).bind('tabsload',function(event, ui){ 
    alert('The tab is loaded. What now?'); 
}); 

Answer 2

아약스를 통해 콘텐츠를로드하는 데 사용하는 코드는 무엇입니까? load 또는 ajax과 같은 jQuery 명령을 사용하는 경우 코드를 콜백 함수에 넣는 것이 좋습니다. 예를 들어, load

$('#myUITab').load('anotherPage.html', function() { 

    // put the code you need to run when the load completes in here 

}); 

Answer 3

이 작업을 수행하는 또 다른 방법은 ajaxComplete을 사용하는 것입니다 UI "탭"은 콜백 메소드를 제공합니다. 아래를 확인하십시오!

$("#tabs").tabs({ 
    ajaxOptions: { 
     error: function(xhr, status, index, anchor) { 
      $(anchor.hash).html(
       "error occured while ajax loading."); 
     }, 
     success: function(xhr, status) { 
      //alert("ajax success. "); //your code 
     } 
    } 
}); 

Answer 4

당신은 tabsload 이벤트를 사용할 수 있습니다

Answer 5

jQuery를 : http://jqueryui.com/demos/tabs/#event-load

는 아래의 예에서 일할 수있는 방법을 참조하십시오

$("#loading_comtainer").ajaxComplete(function(event,request, settings){ 
    alert("ajaxCompleted"); 
});