2009-11-23 3 views
0

확인이 밖으로 아웃 : http://novarose.co.cc/web2/JQuery와 fadein 및

페이드 효과는 좀 엉망이되고 나는 방법 다음 제대로 작동하도록하지 않습니다.

나는 코드는 다음과 같은 순서로 실행하려면 :

  1. 페이드 아웃 블록을
  2. 삽입 새로운 콘텐츠
  3. 페이드 블록에

해당 페이지에 대한 나의 jQuery 코드 :

$ ('# navigation a'). (function() {fadeOut ('slow') .html (')', '', '', '', '', 데이터) .fadeIn ('느린'); }}); }});

답변

7

귀하의 문제는 여기에 다음 fadeOut이 완료되기 전에 $('#content').fadeOut('slow').html(data).fadeIn('slow'); }); 이는 fadeIn를 시작합니다. 이 작업을 수행 할 : fadeOut

$('#content').fadeOut('slow', function(){ 
    $(this).html(data).fadeIn('slow') 
}); 

두 번째 인수는 fadeOut을 완료 호출 할 수있는 기능입니다.

0

당신은 아약스 호출하기 전에 밖으로 페이드를 움직일 수 :

$('#navigation a').click(function(){ $('#content').fadeOut('slow'); $.get("page.php", { page: $(this).attr('id') }, 
    function(data){ $('#content').html(data).fadeIn('slow'); }); });