jQuery Animate Callback не работает

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); 
});