1

我在我的一个网站上使用 colorbox 作为灯箱。当我的鼠标悬停在图片上时,我可以让它打开一个灯箱,但是当我的鼠标离开同一张图片时,我不能让它关闭灯箱。

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

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

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

谢谢和问候, 埃里克

4

2 回答 2

3

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

更新:

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

JS:为颜色框添加了初始宽度和高度,因此出现的图像不会覆盖您的图像。

于 2012-06-06T12:51:45.797 回答
0

好吧,您的小提琴中加载了两个 jQuery 副本。

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

$(function() {

$(document).ready(function() {

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

很难说,但你可能有一些包含在你的小提琴中的 JavaScript。我将把深入研究留给你。

我必须假设 unmatched tag:</section>是小提琴中的某种粘贴问题。

于 2012-06-06T12:44:12.707 回答