jQuery animate div, 페이드 인 단락 (콜백)

여기 브래드, jQuery 초보자입니다. Google, W3School 및 StackOverflow 전체를 검색했습니다. 내 문제에 맞는 솔루션을 찾을 수 없습니다. Heres는 문제 jQuery animate div, 페이드 인 단락 (콜백)

이며, 기본적으로 무슨 일

$("#picbox.maria").mousedown(function(){ 
    $("#picbox.maria").animate({ 
     width:"120px", 
     right:"187px", 
    }); 
$(".mariaP").fadeIn('fast');`

의 <div> 완벽하게 애니메이션을하지만, 단락 이상한 영향을 일으키는, 너무 빨리 페이드.

콜백을 사용해야한다는 것을 알고 있지만이를 쓸 방법이 없습니다. 이 학교 프로젝트를 위해,하지만 선생님은 jQuery를 알 수 없습니다 : P

당신은 사이트 메신저 (우리 팀> 소개) 조언/정보

감사 http://alternativeenergyhome.us에서 작업을보실 수 있습니다!

출처

2014-02-27 DoctorHowes

에 오신 것을 환영합니다. 관련 HTML 마크 업을 표시하거나 http://jsfiddle.net에서 바이올린을 만드십시오. – caramba

* '쓸 수있는 방법을 찾을 수 없다'는 것은 무엇을 의미합니까 *? [documentation] (https://api.jquery.com/animate/)을 읽었습니까? – George

여기 익명 (당신을위한) 매개 변수 400을 추가했는데 기본적으로 애니메이션의 속도를 결정할 수 있습니다. 기본값은 400이며 필요에 따라 조정할 수 있습니다.

당신이 좋아하는 콜백을 사용할 수 있습니다

$("#picbox.maria").mousedown(function(){ 
    $("#picbox.maria").animate({ 
     width:"120px", 
     right:"187px", 
    },400,function(){ $(".mariaP").fadeIn('fast'); });

출처

2014-02-27 13:01:36

당신은 할 수 있습니다 :

$("#picbox.maria").mousedown(function(){ 
    $(this).animate({ 
     width:"120px", 
     right:"187px", 
    }, 0, function() { 
     $(".mariaP").fadeIn('fast'); 
    }); 
});

이상 사용 complete :

$("#picbox.maria").mousedown(function(){ 
    $(this).animate({ 
     width:"120px", 
     right:"187px" 
    }, 
    { 
     duration: 0, 
     complete: function(){ 
      $(".mariaP").fadeIn('fast');` 
     } 
    }); 
});

또한을, 당신은 이미 #picbox.maria을 대상으로 했으므로 mousedown 이벤트. animate() 기능을 사용하려면 $(this)을 사용해야합니다.

출처

2014-02-27 13:01:50 Felix

jQuery animate div, 페이드 인 단락 (콜백)

답변

관련 문제