2010-11-26 124 views
0

我創建這裏的問題的一個例子:jQuery的生活()懸停,以顯示/隱藏DIV古怪行爲

http://jsfiddle.net/jXLSW/

注意,當你將鼠標懸停在圖像的DIV的顯示出來圖像的頂部。當你離開圖像時,它會消失。問題在於當您將鼠標移動到頂部的div上時。它進入這個顯示/隱藏循環,因爲鼠標正在進入/離開。

這個顯示在頂部的div將包含充當工具欄的圖標。當我將鼠標懸停在其上時,如何保持工具欄可見?更重要的是,我怎樣才能讓懸停事件停止騎車?

更新:有趣的是下面的代碼作品根據需要。問題在於,似乎經常出現生活問題,實際上並沒有啓動。因此,沒有出現div,這也是一個主要問題。

$('.has-menu').livequery(function() { 
    $(this).hover(function() {$(this).find('div.img-menu').slideToggle();}, function() {$(this).find('div.img-menu').slideToggle();}); 
}); 

回答

1

好吧,我改變了代碼如下:

$('.has-menu').live('hover', function(e) { 
    if (e.type == 'mouseover') { 
     $(this).find('div.img-menu').slideToggle(); 
    }else{ 
     $(this).find('div.img-menu').slideToggle(); 
    } 
}); 

,現在一切都很好。