jQuery 애니메이션 콜백이 작동하지 않습니다.

Question

jQuery 콜백이 제대로 작동하지 않습니다. 어떤 아이디어? BTW, 제발 변수에 대해 걱정하지 마세요, 제가위한 특별 프로젝트가 있습니다. 나 1를 들어

$("#" + circle - 1).animate({ 
    opacity: 0, 
    "margin-top": "50", 
    height: '150px', 
    width: '150px' 
}, 1000, function() { 
    $("#" + circle).animate({ 
     opacity: 1, 
     "margin-top": "50", 
     height: '150px', 
     width: '150px' 
    }, 1000); 
}); 

Answer 1

어느 쪽이든 당신은 내가 당신이 1을 공제 하려는지 모르겠습니다 $("#" + circle - 1)의 문제가 있지만 제 생각 엔 당신의 ID가 계산하는 동안 NAN 실패합니다 숫자입니다 "#" + circle - 1 때문에 "#" + (circle - 1)으로 변경하고 시도하십시오.

$("#" + (circle - 1)).animate({ //<- here use() to seperate the number calculation otherwise it will be NAN. 
    opacity: 0, 
    "margin-top": "50", 
    height: '150px', 
    width: '150px' 
}, 1000, function() { 

    $("#" + circle).animate({ 
     opacity: 1, 
     "margin-top": "50", 
     height: '150px', 
     width: '150px' 
    }, 1000); 
}); 

Answer 2

는 예를 들어 너무 item1 및 item2를 사용하여 유효한 ID가 아닙니다. 이 (http://jsfiddle.net/balintbako/XSGN8/)처럼 :

var circle = 2; 
$("#item" + (circle - 1)).animate({ 
    opacity: 0, 
    "margin-top": "50", 
    height: '150px', 
    width: '150px' 
}, 1000, function() { 
    $("#item" + circle).animate({ 
     opacity: 1, 
     "margin-top": "50", 
     height: '150px', 
     width: '150px' 
    }, 1000); 
}); 

Answer 3

난 당신의 코드가 잘 작동하는지 가정 것이다 당신의 변수에 문제가 있습니다. $ ('#'+ circle)이 아무 것도 찾지 못하면 그 밖의 일은 일어나지 않을 것입니다. 여기에 코드가 작동하고 약간 수정되었습니다.

http://jsfiddle.net/qbtDj/1/

$("#mydiv").animate({ 
    opacity: 0, 
    "margin-top": "50", 
    height: '150px', 
    width: '150px' 
}, 1000, function() { 
    $("#mydiv").animate({ 
    opacity: 1, 
    "margin-top": "50", 
    height: '150px', 
    width: '150px' 
}, 1000); 
});