javascript - 访问函数内部调用事件的 JQuery 对象

Question

在函数内部，我使用 JQuery 创建此链接:

var link = $('<a />')
  .attr('href', 'linktarget.htm')
  .text('Link');
link.on('mouseover', showDefectMapIcon(this, row.id));

当用户将鼠标悬停在链接上时，应替换图像:

function showDefectMapIcon(el, id) {
  console.log(el);
  $(el).next('span.info').find('img')
    .attr('src', '/defectmap.php?id='+ id);
}

但是它不起作用，因为 el 引用了调用周围函数的 td 元素，而不是应有的 a 元素。

我也尝试过showDefectMapIcon(link, row.id)和showDefectMapIcon.call(link, this, row.id)

我怎样才能通过$('<a />')以这种方式反对该函数，我可以在函数内使用它 $(el).next('span.info') ？

Answer 1

首先，在您的情况下，当您的代码在事件上执行时，回调(showDefectMapIcon)被调用...您正在调用函数showDefectMapIcon而不是传递它作为回调

link.on('mouseover', function () {
    showDefectMapIcon(this, row.id)
});