jQuery를 fadeIn()가 제대로

Question

jQuery를 작동하지 :

$.post("process_login.php", 
     {username : $("#username").val(), password : $("#password").val()}, 
     function(data) { 
      $("#login_results").fadeIn("slow").html(data); 
      } 
     ) 

HTML :.

<table> 
    <tr><td id="login_results"></td></tr> 
    <tr><td><input type="text" id="username" /></td></tr> 
    <tr><td><input type="password" id="password" /></td></tr> 
    <tr><td><input type="submit" id="login_submit" /></td></tr> 
</table> 

데이터 쇼,하지만 페이드하지 않습니다 내가 왜 아무 생각이 없습니다. = /. 다른 세부 정보가 필요하면 알려주세요.

Answer 1

아마도 역순으로 가지고 있기 때문일 수 있습니다. 그렇지 않으면 당신은 아직 내용이없는 무언가를 퇴색하고

$("#login_results").html(data).fadeIn("slow"); 

를 원한다.

또한 게시 요청에서 어떤 유형의 콘텐츠가 반환되는지 확인하십시오. 다른 답변을보고 한 후

$.post("page", {params}, function(data){}, "html"); 

, 더 완벽한 대답은 눈에 보이지 않는 login_results 먼저 확인하는 것입니다 : 그것은 효과를 jQuery를 할 때

<td id='login_results' style='display:none'></td> 

Answer 2

테이블 정말 몹시 신경을 쓰는 얻는다. ,

<table> 
    <tr><td><div id="login_results" style="display:none"></div></td></tr> 
    <tr><td><input type="text" id="username" /></td></tr> 
    <tr><td><input type="password" id="password" /></td></tr> 
    <tr><td><input type="submit" id="login_submit" /></td></tr> 
</table> 

Answer 3

처음 #login_results는 (CSS 페이지 나 인라인, 당신의 선택에 하나) 그들에 display: none을 적용하여 표시되지 않습니다 있는지 확인하십시오 사업부에 내용을 삽입하면 트릭을해야한다. 다음이 시도 :

$.post("process_login.php", 
      {username : $("#username").val(), password : $("#password").val()}, 
      function(data) { 
        $("#login_results").html(data); 
        $("#login_results").fadeIn('slow'); 
        } 
      ) 

가끔 체인 당신이 프로세스와 효과의 특정 조합으로 생각하려는 방법 ...