javascript - jQuery Animate 回调不起作用

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

对我1来说不是一个有效的 ID，例如使用item1and item2too。像这样（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 2

我会假设您的代码运行良好，并且您的变量有问题。如果 $('#' + 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);
 });

Answer 3

要么你有一个问题$("#" + 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);
 });