5

boxy や facebox や lightbox などのようなことをしようとしています。唯一の問題は、load() メソッドを介してボックスに読み込まれるページをプリロードする方法がわからないことです。

次のように動作するはずです。

  1. それは箱をポップします
  2. ローディングアニメーションを追加
  3. ページが読み込まれるとアニメーションが消える

したがって、アニメーションを削除するには、ページがいつ読み込まれるかを知る必要があります。

4

2 に答える 2

3 
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
});
于 2009-10-14T20:48:36.597 に答える
1

私の理解が正しければ、あなたのサイトのページは読み込みに時間がかかるため、フレンドリーな読み込みメッセージをすぐに表示して、ページが読み込まれると消えてほしいと言っているのですね。

これの秘訣は、ページが最初に読み込まれるときにあまりダウンロードしないことです。読み込み中のメッセージといくつかの JavaScript だけです。

これを機能させるのは、 $(document).ready() 関数で AJAX を使用して低速データを取得することです。AJAX クエリが返されたら、JS を使用してページにデータを入力し、読み込みメッセージをオフにします。

于 2009-10-14T19:45:24.650 に答える