JQuery：mouseover打开灯箱但是mouseout无法正确关闭它

我在我的一个网站上使用colorbox作为灯箱。 当我的鼠标hover在图片上时，我已经能够打开灯箱，但是当鼠标离开相同的图片时，我无法关闭灯箱。

一旦我的灯箱打开，如果我移动我的鼠标，mouseleave事件是trigerred事件是我的鼠标仍在图片上。

这是一个JSfiddle，向您展示我的问题： http ： //jsfiddle.net/8ByeT/1/

你对如何解决这个问题有什么想法吗？

谢谢和问候，埃里克

Answer 1

这是一个工作小提琴： http ： //jsfiddle.net/8ByeT/15/

更新：

css：将div显示设置为none，因此不会触发鼠标离开事件

JS：为colorbox添加了初始宽度和高度，因此显示的图像不会覆盖您的图像。

Answer 2

好吧，你有两个jQuery加载的副本。

你有两个准备好的事件处理程序：

$(function() {

和

$(document).ready(function() {

但真正的问题似乎是你有一个mouseleave事件处理程序，当某些东西出现时它被触发，然后另一个事件触发，使它再次出现并以某种方式循环。

很难说，但你可能有一些包括在你的小提琴中解雇的javascript。 我会留给你挖掘。

我必须假设无法匹配的标签： 是某种粘贴问题。