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

Question

所以，我有一个图像，可以使用elevateZoom（jQuery插件）进行缩放。这张图片附近有几个链接。

当用户缩放图像，并且他移动到图像的一角以单击其中一个链接时，他无法执行此操作。事实上，即使鼠标指针位于图像之外，镜头仍然处于活动状态，并且（虽然链接可见）但它不允许用户点击链接（因为链接位于镜头上方，当然）。 / p>

这是一个实际的例子： http://jsfiddle.net/18mubj8f/

我想知道是否有jQuery-ish方式，所以当鼠标到达角落时，镜头会自动关闭。

当然我很想做到这一点，但我发现了一些非常奇怪的行为：

• 如果我让jQuery计算outerHeight，那么当鼠标指针从图像中移出时镜头会自动关闭（所以鼠标到达#zoom_me image的角落）：http://jsfiddle.net/dhhf3ob3/1/
• 如果我不计算此量化值，则当鼠标到达图像的一角时，镜头不会关闭：http://jsfiddle.net/dhhf3ob3/2/

Answer 1

outerHeight()行为仅影响Firefox（我在31.1.0中尝试过它）。

我已解决在mouseevent div上附加事件zoomLens。

值得注意的是，当鼠标指针到达角落时，我无法调用parent.css('display','none')。我不得不在setTimeout的回调中调用它。这是一个有效的解决方案：http://jsfiddle.net/hxqrjL45/