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

时间:2012-06-06 12:25:16

标签: jquery colorbox

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

如果我移动鼠标,我的灯箱一打开,鼠标移动事件就会发生,我的鼠标仍然在图片上。

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

你对如何解决这个问题有任何想法吗?

谢谢和问候, 埃里克

2 个答案:

答案 0 :(得分:3)

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

更新

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

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

答案 1 :(得分:0)

好吧,你的小提琴里装了两个jQuery副本。

您有两个就绪事件处理程序:

$(function() {

$(document).ready(function() {

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

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

我必须假设无法匹配的标签:</section>是小提琴中的某种粘贴问题。