javascript - 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 的内容，但我猜您的 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);
 });