使用jQuery悬停时的图像交换：点击和删除后没有图像

Question

我实现了一个jQuery swap-on-hover图像功能，如下所示：

// header image hover

var sourceSwap = function () {
    var $this = $(this);
    var newSource = $this.data('alt-src');
    $this.data('alt-src', $this.attr('src'));
    $this.attr('src', newSource);
};

$(function () {
    $('img.logoswap').hover(sourceSwap, sourceSwap);
});

只要图像上没有点击（这是一个链接），它就能完美地工作。

但是：一旦点击图像和，鼠标就会被放置在图像之外（所以在加载另一页的几秒钟内），图像消失，只显示alt标签

我无法在jsFiddle中重新创建它，因为它们不允许框架内的链接，所以这里是实例（删除因为问题不再可见）。图像悬停链接是左上角的徽标。正在使用的代码和标记可以在this Fiddle中看到，但如上所述，我所说的错误不能。

有没有办法防止这种行为？喜欢锁定最新状态还是什么？