jqueryはload（）メソッドでロードされたページをプリロードします

Question

私はboxyやfacebox、lightboxなどの処理をしようとしています。唯一の問題は、load（）メソッドを使用してボックスにロードされたページをプリロードする方法がわかりません。

それは次のように動作するはずです：

それは

ローディングアニメーションが追加されたボックスをポップ

1. ページは、アニメーションをロード

は、だから私は時に知っておく必要が消える

ページが読み込まれてアニメーションが削除されます。

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); 

か：

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

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

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

Answer 2

あなたが正しく理解していると、あなたのサイトのページが読み込まれるまでに時間がかかるため、ページが読み込まれると友好的な読み込みメッセージがすぐに表示され消えてしまいます。

ページの最初の読み込み時に、このトリックはあまりダウンロードされません。読み込み中のメッセージとJavaScript。

あなたの$（document）.ready（）関数では、遅いデータを取得するためにAJAXを使用します。 AJAXクエリが返ったら、JSを使用してページにデータを入力し、読み込みメッセージをオフにします。