2014-09-02 69 views
0

我有一個問題jQuery.hover()方法。我在a標籤內有幾個段落,我用它作爲菜單欄。我打算做的是,如果我徘徊其中一個menulinks,一個新的元素顯示在menulink包含鏈接到子菜單鏈接。問題是,.hover()立即停止工作。懸停行爲應繼續覆蓋元素

我做了一個簡單的FIDDLE來顯示我的問題。

任何幫助,非常感謝。

編輯:值得一提的是,我也希望子鏈接被點擊,所以懸停必須仍然工作。它只在我離開red div時停止。

+2

說實話沒有得到你努力實現.. – 2014-09-02 07:58:13

+0

@Alek如果你懸停'懸停me'款'red'顯示的div應該留什麼,但你可以看到它不起作用。 – supersize 2014-09-02 07:59:56

回答

3

這是怎麼回事?

$('p').hover(function() { $('div').fadeIn(); }, function() { }); 
$('div').hover(function() { }, function() { $('div').fadeOut(); }); 

演示小提琴:http://jsfiddle.net/lparcerisa/1urs0wfr/2/

+1

你甚至可以使用[$ .noop](http://api.jquery.com/jquery.noop/)來避免空函數。 – John 2014-09-02 08:03:28

+0

謝謝先生,那就是它! @John有空功能的不良做法? – supersize 2014-09-02 08:04:04