jQuery的動畫回調不工作

Question

我似乎無法得到這個jQuery回調爲我工作。有任何想法嗎？順便說一句，請不要擔心變量，我有一個特殊的項目。

$("#" + 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

要麼你有$("#" + circle - 1)一個問題，這我不知道你想扣除1從什麼，但我猜你的身份證是一個數字的計算過程中，這將失敗，並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

對我來說1不是有效的ID，使用item1和item2過的實例。像這樣（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); 
});