Question

尝试在$（'div'）内定位A tag时遇到一些问题.fadeOut（）回调。

我得到了这个

$('.anchor').click(function() {
    $('#div').fadeOut(null, showDiv);
    $('#div').fadeIn();
    return false;
});

showDiv 是一个AJAX请求，我在其中使用$(this)尝试引用A tag点击但我注意到它引用了div #div < / p>

我想要做的是是在点击link时做一些AJAX请求，但我希望它只在DIV淡出后才会发生。这样，请求就会填充#div，新内容只会在再次淡入时显示。

Answer 1

您可以使用$.proxy()更改上下文，如下所示：

$('.anchor').click(function() {
  $('#div').fadeOut(null, $.proxy(showDiv, this));
  $('#div').fadeIn();
  return false;
});

You can test it here，或手动执行相同操作：

$('.anchor').click(function() {
  var self = this;
  $('#div').fadeOut(null, function() {
    showDiv.apply(self);
  });
  $('#div').fadeIn();
  return false;
});

AJAX请求和这个

1 个答案: