我在我的一个网站上使用 colorbox 作为灯箱。当我的鼠标悬停在图片上时,我可以让它打开一个灯箱,但是当我的鼠标离开同一张图片时,我不能让它关闭灯箱。
如果我移动鼠标,一旦打开灯箱,mouseleave 事件就会触发事件是我的鼠标仍在图片上。
这是一个 JSfiddle 向您展示我的问题:http: //jsfiddle.net/8ByeT/1/
您对如何解决这个问题有任何想法吗?
谢谢和问候, 埃里克
我在我的一个网站上使用 colorbox 作为灯箱。当我的鼠标悬停在图片上时,我可以让它打开一个灯箱,但是当我的鼠标离开同一张图片时,我不能让它关闭灯箱。
如果我移动鼠标,一旦打开灯箱,mouseleave 事件就会触发事件是我的鼠标仍在图片上。
这是一个 JSfiddle 向您展示我的问题:http: //jsfiddle.net/8ByeT/1/
您对如何解决这个问题有任何想法吗?
谢谢和问候, 埃里克
这是一个工作小提琴:http: //jsfiddle.net/8ByeT/15/
更新:
css:覆盖 div 显示设置为无,因此不会触发鼠标离开事件
JS:为颜色框添加了初始宽度和高度,因此出现的图像不会覆盖您的图像。
好吧,您的小提琴中加载了两个 jQuery 副本。
您有两个就绪事件处理程序:
$(function() {
和
$(document).ready(function() {
但真正的问题似乎是您有一个 mouseleave 事件处理程序,当它上面出现某些东西时会触发它,然后触发另一个事件,使其再次出现并以某种方式循环。
很难说,但你可能有一些包含在你的小提琴中的 JavaScript。我将把深入研究留给你。
我必须假设 unmatched tag:</section>
是小提琴中的某种粘贴问题。