无法让JQuery回调函数工作

时间:2015-10-10 16:47:51

标签: javascript jquery callback

我刚刚开始使用jquery并且遇到以下代码问题。 点击后,我想首先运行If语句,然后完成div的fadeToggle(#top)。我的代码不起作用,任何帮助都会受到赞赏。

$('body').click(function() {
    if ($('#top').css('display') == 'block') {
        $('#bottom').css({'background': "url('image' + n + '.png')"});
    }
    else {
        $('#top').css({'background': "url('image' + n + '.png')"});
    }
    n++, function() {
        $('#top').fadeToggle(2000);
    };
});

1 个答案:

答案 0 :(得分:1)

您有错误。它应该是:

n++;
//-^ Should be a semi-colon and not comma.

我会为您提出更好的解决方案。你需要使用:

$('body').click(function() {
  if ($('#top').is(":visible")) {
    $('#bottom').css({'background': "url('image' + n + '.png')"});
  }
  else {
    $('#top').css({'background': "url('image' + n + '.png')"});
  }
  $('#top').fadeToggle(2000, function () {
    n++;
  });
});