javascript - 如何在 Fancybox 的 onComplete 事件中使用 $(this) ？

Question

我试图在 Fancybox 的 onComplete 事件中使用 jQuery 的 $(this)，但我遇到了麻烦。这是我的 javascript 代码:

$('a.iframe').fancybox({  
  centerOnScroll: true,  
  onComplete: function(){  
    var self = $(this);  
    var title = self.title;  
    alert(title.text());  
  }  
});

我已经简化了上面的代码以表达我的观点，但实际上我更愿意使用 $(this) 有几个原因，我不会在这里详述。

Fancybox 的文档显示了在其文档中使用 this 而不是 $(this) 的示例，但我没有看到任何在 onComplete 或其他事件。我当然尝试过使用 this，但无济于事。

有谁知道我如何通过使用 $(this) 或任何其他方式在 onComplete 事件？

编辑:我使用 Blackcoat 让它工作的建议，这是有效的最终语法:

$('a.iframe').fancybox({
  centerOnScroll: true,
  onComplete: function( links, index ){
    var self = $(links[index]);  
    var title = self.find('.title').text();  
    alert(title); 
   }
});

Answer 1

$(this) 指向 Fancybox 对象，所以这就是它不指向元素的原因。如果你想获取目标元素，你可以这样做:

var $self = $(this.element);