jquery ön yükleme load() yöntemi ile yüklenen sayfa

Question

Boxy veya facebox veya lightbox ... gibi bir şey yapmaya çalışıyorum. Tek sorun, load() yöntemiyle kutuya yüklenen sayfanın nasıl yükleneceğini bilmem.

Şöyle çalışması gerekir:

Bu

Yükleme animasyon eklenir kutusu açılır

1. sayfa animasyon yüklü

Yani ben bilmeniz gereken kaybolur

Animasyonu kaldırmak için sayfa yüklenir.

Answer 1

var function_for_display_animation = function(){ 
    //display animation 
} 
var function_for_remove_animation = function(){ 
    //remove animation 
} 

function_for_display_animation(); 
$(selector).load('page.php',function_for_remove_animation); 

ya:

$().ajaxSend(function(evt, request, settings){ 
    //start animation 
}); 

$().ajaxComplete(function(event,request, settings){ 
    //end animation 
}); 

$(selector).load('page.php', function(){ 
    //work 
}); 

Answer 2

Sizi doğru anlıyorsam, sitenizdeki bir sayfanın yüklenmesi biraz zaman alacağından, sayfanın yüklenmesinden hemen sonra bir dost yükleme mesajının görünmesini ve kaybolmasını istediğinizi söylüyorsunuz.

Sayfanın ilk yüklendiğinde, bunun hilesi çok fazla yüklenmiyor. Sadece yükleme mesajı ve bazı JavaScript.

Bu çalışmayı yapan şey, $ (document) .ready() işlevinde yavaş verileri almak için AJAX kullanacağınızdır. AJAX sorgusu döndüğünde, sayfayı veriyle doldurmak için JS'yi kullanın ve ardından yükleme iletisini kapatın.