0

データを先頭に追加してから、古い div をフェードアウトし、新しい div を下にスライドさせようとしています。Chrome ではうまく機能しますが、Firefix では古い div がフェードアウトしますが、新しい div はスライドしません。データがブラウザーにキャッシュされている場合にのみ、Firefox ブラウザーで正しくスライドダウンします。

Firefox でそれが起こる可能性がある私のコードに何か問題があることを誰かが見ることができますか? どうもありがとう...

HTML

<div class="Output">
   <div class="block"></div>
</div>

JS

$.ajax({
   url: "file.php",
   timeout: 3000,
   data: dataString,
   cache: false,
   success: function(myhtml){

      var new_div = $(myhtml).hide();
      $(".Output").prepend(new_div);

      $(".block").fadeTo("normal", 0.00, function(){

         $(".block2").hide().slideDown('normal', function() {
         });

      });       

   }
});

file.php

<div class="block2"></div>
4

1 に答える 1

0

スライドとフェードをcompleteコールバックに入れます。

ここを参照してください: http://docs.jquery.com/Ajax_Events

あなたの場合、次のようなものです：

$.ajax({
   url: "file.php",
   timeout: 3000,
   data: dataString,
   cache: false,
   success: function(myhtml){

      var new_div = $(myhtml).hide();
      $(".Output").prepend(new_div);

   },
   complete: function(){

         //you may need to check if the ajax result was actually a success here
         $(".block").fadeTo("normal", 0.00, function(){

            $(".block2").hide().slideDown('normal', function() {
            });

      });   
   }
});
于 2012-06-11T02:11:35.923 に答える