JQuery：鼠標懸停打開燈箱，但鼠標不能正確關閉它

Question

我在我的一個網站上使用colorbox作爲燈箱。 當鼠標移動到圖片上時，我已經能夠打開一個燈箱，但是當我的鼠標離開相同的圖片時，我無法關閉燈箱。

一旦我的燈箱被打開，如果我移動我的鼠標，mouseleave事件是trigerred事件是我的鼠標仍然在圖片上。

這裏是一個的jsfiddle向你展示我的問題： http://jsfiddle.net/8ByeT/1/

你對如何解決這事嗎？

感謝和問候， 埃裏克

Answer 1

這裏是工作提琴：http://jsfiddle.net/8ByeT/15/

更新：

CSS：疊加的div顯示設置爲無，所以不會觸發鼠標離開事件

JS：添加初始寬度和高度對於colorbox，所以出現的圖像不會覆蓋您的圖像。

Answer 2

那麼，你必須在你的提琴加載的jQuery的兩個副本。

你有兩個現成的事件處理程序：

$(function() {

和

$(document).ready(function() {

，但真正的問題似乎是，你有一個鼠標離開事件處理程序，即後會觸發一些東西出現在它上面，然後另一個事件發生，使它再次成爲可能，並以某種方式循環。

很難說，但你可能有一些包括在你的小提琴發射的JavaScript也。我會留下深入挖掘你的。

我必須假設不匹配的標籤：</section>是一種粘貼到小提琴中的問題。