javascript - 将上下文传递给 jquery hoverIntent

Question

我需要将上下文传递给我对 showPictureZoom 的调用(事件结束)。有谁知道该怎么做？我的想法是我需要传递一个存储在 dom 中的变量(图像 src)，我不知道我该怎么做......
这是我目前所拥有的:

var showPictureZoom = function(src)
{
    console.log(src)
}

var config = {
    over: function(){showPictureZoom(context)},
    sensitivity:6,
    interval:400,         
    out: hidePictureZoom,
};

$(".image img").hoverIntent(config);

感谢您的帮助! (:

编辑:这是 html 代码:

<td class="image">
    <img src="img_url" data-large-square="DATA_NEEDED">
</td>

我需要的是在 over 回调中获取变量“data-large-square”。

Answer 1

您可以将上下文传递给“this”，即元素:

var showPictureZoom = function(el)
{
    console.log($(el).attr('src'));
}

var config = {
    over: function(){showPictureZoom(this)},
    sensitivity:6,
    interval:400,         
    out: hidePictureZoom,
};

$(".image img").hoverIntent(config);