jQuery AJAX 成功背景

Question

我的 AJAX 功能并没有完全按照我的预期工作。

AJAX 成功回调中的“this”似乎与 showSnapshotComment 函数范围内的“this”不同。

我尝试过使用上下文，但仍然不起作用。我的用法可能不正确。我可能想太多了。

    function showSnapshotComments(snapshot) {
    var self = $j(this);
    alert($j(this).attr('class'));
    $j.ajax({
    cache: false,
    context: this,
    url: 'show_snapshot_comments/' + snapshot.id,
        async: true,
    dataType: 'script',
    success: function() {
    $j('#snapshots a.photo').each(function(i) {
        $j(this).qtip({
        content: $j(this).nextAll('.info').eq(i),
        position: {
          target: 'mouse',
          adjust: { mouse: true },
                viewport: $j(window)
          },
        hide: {
            event: 'click mouseleave',
            delay: 300
        },
        show: {
            solo: true,
            event: 'click mouseenter'
        },
        style: {
            tip: true,
            classes: "ui-tooltip-light"
        }
    });
});

    }
  }); 
}

Answer 1

将对 self 的引用更改为 DOM 元素而不是 jquery 对象 (self = this)，并在成功回调函数中将 this 引用更改为 self。

要理解为什么需要这样做，您应该阅读闭包和闭包范围:

http://robertnyman.com/2008/10/09/explaining-javascript-scope-and-closures/