문제 /이 작품

Question

애니메이션 :

function prodLanding(){ 
$("#productsLanding").animate({opacity: 'toggle', width: 'toggle'}, function(){ 
$("#productsAll").show('slide', {direction: 'left'}, 800); 
}); 
} 

$("#prodLandSelect .prod1").click(function(){ 
$('#product1').load('products/chicken-jerky/index.html', function() { 
prodLanding(); 
}); 
return false; 
}); 

을하지만 그렇지 않은 :

function prodLanding(){ 
    $("#productsLanding").animate({ left: 200 }, {duration: 'slow', easing: 'easeOutElastic'}, function(){ $("#productsAll").show('slide', {direction: 'left'}, 800);}); 
    } 

    $("#prodLandSelect .prod1").click(function(){ 
    $('#product1').load('products/chicken-jerky/index.html', function() { 
    prodLanding(); 
    }); 
    return false; 
    }); 

모든 아이디어는 내가 잘못 뭐하는 거지?

Answer 1

매개 변수를 잘못 전달한 것처럼 보입니다.

시도 :

$("#productsLanding").animate({ left: 200 }, 'slow', 'easeOutElastic'}, function(){   
} 

http://api.jquery.com/animate/

.animate (속성, [지속 시간] [완화] [완료])
속성 : 애니메이션으로 이동합니다 CSS 속성의지도 .
duration : 애니메이션이 실행될 시간을 결정하는 문자열 또는 숫자입니다.
여유 : 전환에 사용할 여유 함수를 나타내는 문자열입니다.
완료 : 애니메이션이 완료되면 호출 할 함수입니다.