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