jQuery 텍스트에 페이드 인 효과를 추가하는 방법

Question

#results div에 데이터가 반환 될 때 페이드 인 효과를 추가하는 방법은 무엇입니까?

$('#results').html(data); 

나는

$('#results').html(data).fadeIn('slow'); 

을 시도했지만 당신은 해

 submitHandler: function(form) { 
      // do other stuff for a valid form 
      $.post('mailme.php', $("#myform").serialize(), function(data) { 
       $('#results').html(data).fadeIn('slow'); 
      }); 
     } 

Answer 1

먼저 사업부를 숨길

내 코드가 작동하지 않습니다.

$('#results').hide().html(data).fadeIn('slow'); 

Answer 2

이것은 트릭을 수행 할 수 있습니다.

$('#results').css('display', 'none').html(data).fadeIn('slow'); 

Answer 3

"fadeIn"으로 작업 할 때 먼저 요소를 숨겨야합니다. 여기

은 예입니다, 당신이 시도하고를 편집 한 후 이해 것으로 예상 :

<img style="display: none;" id="google" src="http://www.google.com.tr/images/srpr/logo3w.png" alt="" /> 

<script> 
    $(document).ready(function() { 
     $('#google').fadeIn(1200,function(){}); 
    }); 
</script>