AJAX просит и ЭТО

Question

У меня небольшая проблема при попытке нацелить A tag внутри обратного вызова $ ('div'). FadeOut ().

Я получил это

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

showDiv - это запрос AJAX, который я использую внутри него $(this), пытаясь сослаться на нажатой A tag, но я заметил, что он относится к div #div

Что я хочу сделать - это выполнить некоторый AJAX-запрос при нажатии link, но я хочу, чтобы это произошло только после исчезновения DIV. Таким образом, запрос будет заполнен #div, и новый контент будет отображаться только после повторного появления.

Answer 1

Вы можете изменить контекст, используя $.proxy(), например:

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

Вы можете проверить это здесь или сделать то же самое вручную:

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