ajax bir sekme yüklendikten sonra geri arama

Question

ajax yüklü bir sekmenin içeriğine bazı kodları nasıl uygularım? Yüklenen içeriğin içinde $ (document). Kullanmayı denedim, ancak css stillerinin yüklenmesini engelledi (nedenini bilmiyorum).

Geri arama işlevi var mı? Yüklü belgenin içinde $ (document) .ready ve stillerini başka bir şekilde kullanmalı mıyım?

Yüklü belgenin içinde $ (document) .ready kullanılıyorsa, jquery ve eklentileri de dahil etmeli mi?

Answer 1

Eğer load event denediniz kullanarak? Sekmenin içeriği yüklendiğinde bu çağrılmalıdır.

Genel olarak yüklenen öğeyi yeni bir sayfa olarak ele almamalı ve $ (document) .ready. Bu yeni bir sayfa değil, DOM'a eklenen bazı yeni öğeler. Tüm ajax yöntemleri, veriler başarıyla yüklendiğinde çağrılan bir geri arama yöntemine sahiptir.

$('#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

Ajax aracılığıyla içeriği yüklemek için hangi kodu kullanıyorsunuz? load veya ajax gibi bir jQuery komutu kullanıyorsanız, kodunuzu geri arama işlevinin içine koymanızı öneririz. Örneğin, load

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

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

}); 

Answer 3

Bunu yapmanın bir başka yolu ajaxComplete kullanmaktır UI "Sekmeler" geri arama yöntemini sağlar. Aşağıya bakın!

$("#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

Sen tabsload olayını kullanabilirsiniz:

Answer 5

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

aşağıdaki örnekte nasıl çalışabileceğini görün

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