Question

目前有以下代码：

$('#thumbs').delegate('img','hover', function(){
    $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
});

但是我想把图像交换回来。我已经尝试调整委托使用onmouseover EventType，然后计划添加第二个onmouseout函数，但由于某种原因，将'hover'更改为'onmouseover'不会产生预期的结果，也没有错误。

有什么想法可能会这样吗？此外，很高兴有关更好地实现预期结果的建议。

非常感谢

Answer 1

尝试

var $large = $('#largeImage').data('src', $('#largeImage').attr('src'));
$('#thumbs').on('mouseenter', 'img', function () {
    $large.attr('src', $(this).attr('src').replace('thumb', 'large'));
}).on('mouseleave', 'img', function () {
    $large.attr('src', $large.data('src'));
});

PoC：Fiddle

jQuery：使用委托更改EventType

1 个答案: