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

對我來說1不是有效的ID，例如item2使用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 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是一個在計算"#" + circle - 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);
 });