2012-06-10 3 views
0

데이터를 앞에 추가하려고 시도하고 이전 div가 사라지고 새 div가 아래로 내려갑니다. Chrome에서 훌륭하게 작동하지만 Firefix에서는 이전 div를 페이드 아웃하지만 새 div를 슬라이드하지 않습니다. 데이터가 브라우저에 캐시 될 때 Firefox 브라우저에서만 올바르게 슬라이드됩니다.FadeTo 및 SlideDown - 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> 
+0

당신은 그들이 더 폭 또는 높이가없는 빈 요소에서이 작업을 테스트하는 경우. css에 높이 또는 콘텐츠 또는 설정 너비를 넣으십시오. 이 바이올린 : http://jsfiddle.net/PvGjt/ ff에서 잘 작동합니다. – Zefiryn

+0

콘텐츠가 있습니다. 그게 아니라고 – Joe

+0

콘텐츠의 다운로드와 관련이 있습니까? 아래로 슬라이딩하기 전에 내용이로드 될 때까지 기다릴 수있는 항목이 있습니까? – Joe

답변

0

슬라이드와 F를 넣어 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() { 
      }); 

     }); 
    } 
});