Question

我试图预先添加数据然后淡出旧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>

Answer 1

将幻灯片放入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() {
            });

      });   
   }
});

FadeTo和SlideDown - Firefox问题

1 个答案: