jquery - FadeTo 和 SlideDown - Firefox 问题

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() {
         });

      });       

   }
});

文件.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() {
            });

      });   
   }
});