jQuery elevateZoom，当鼠标到达拐角时如何关闭镜头

Question

所以，我有一个图像，可以用elevateZoom (jQuery插件)放大。在这张图片附近有几个链接。

当用户正在缩放图像，并移动到图像的角落，单击其中一个链接，他无法做到这一点。事实上，即使鼠标指针在图像之外，镜头仍然处于活动状态，而且(虽然链接是可见的)它也不允许用户单击链接(当然，链接在镜头上方)。

这里有一个实用的例子：http://jsfiddle.net/18mubj8f/

我想知道是否有一种jQuery的方式，这样，当鼠标到达角落时，镜头就会自动关闭。

我当然会做这件事，但我发现了一些非常奇怪的行为：

• 如果我让jQuery计算outerHeight，那么当鼠标指针从图像中流出时，镜头就会自动关闭(因此鼠标到达#zoom_me image的角)：http://jsfiddle.net/dhhf3ob3/1/
• 如果我不计算这个数量，那么当鼠标到达图像的角时，镜头就不会关闭：http://jsfiddle.net/dhhf3ob3/2/。

Answer 1

outerHeight()行为只影响火狐(我在31.1.0中尝试过)。

我已经解决了在mouseevent div上附加一个事件zoomLens的问题。

值得注意的是，当鼠标指针到达拐角时，我不能只调用parent.css('display','none')。我不得不在setTimeout的回调中调用它。下面是一个可行的解决方案：http://jsfiddle.net/hxqrjL45/