2013-02-14 3 views
0

저는 JQuery를 사용하고 있습니다. div가을 사용하여 페이드 아웃합니다. 그런 다음 load()을 사용하여 URL에서 콘텐츠를로드합니다. 그런 다음 콘텐츠가로드되면 fadeIn()을 사용하여 페이드 인합니다. 그러나 그것은 작동하지 않는다, 그것은 깜박이다 다음에로드합니다.로드가 완료되기 전에 페이딩이 일어나고 있다는 것이 문제라고 생각합니다. 다른 누군가가 같은 문제를 겪고있는 것을 보았습니다.하지만 솔루션을 적용했을 때 변경 사항은 없었습니다. 여기에 내가 찾은 솔루션 코드가있다 (물론 작동하지 않는다).FadeIn 및 FadeOut 이상한 효과

jQuery('.stil_link_img a').click(function() { 
    var x = jQuery(this).attr('href') + ' #continut_eco'; 
    jQuery('#continutul_paginii').fadeOut("slow").load(x,function() { 
     jQuery(this).fadeIn("slow") 
    }); 
    return false  
}); 
+2

는 첫째, 그들은 '기능'이 아닌 '명령'입니다. 둘째, jsFiddle을 함께 넣어 HTML 마크 업과 CSS를 표시 할 수 있습니까? – BenM

답변

1

당신이 시도 할 수 :

jQuery('.stil_link_img a').click(function(){ 
    var x = jQuery(this).attr('href') + ' #continut_eco ', 
    $this = jQuery('#continutul_paginii'); 
    $this.fadeOut("slow", function() { 
     $this.load(x, function() { 
      $this.fadeIn("slow") 
     }); 
    }); 
}); 
+0

감사합니다. – Johny

0

fadeout 함수는 전환이 완료 될 때 호출되는 콜백 함수를 허용합니다.

jQuery('#continutul_paginii').fadeOut("slow",myFunction) 

을 그리고 myFunction이 당신의 물건을로드 :

은 당신이 뭔가를 할 수 있습니다. 여기

더 많은 정보를 정기적으로 :

http://api.jquery.com/fadeOut/