jQuery的下拉菜單IE7問題與.slideDown

Question

我有mcgillidssa.com以下jQuery的動畫下拉菜單：

$(document).ready(function() { 
$("#navigation ul li").hover(function() { 
    $(this).addClass("over"); 
    $(this).find("ul").slideDown('fast').show(); 
    $(this).hover(function() { 
    }, function(){ 
    $(this).removeClass("over"); 
    $(this).find("ul").slideUp('fast'); 
    }); 
}); 
}); 

的代碼應該顯示「UL李UL」的時候。懸停行動被稱爲。這在Firefox，Safari，Chrome和IE8中絕對正常，但在IE7中無法顯示。我認爲這個問題是一個Z指數問題，但事實並非如此。下面是引用CSS：

http://www.mcgillidssa.com/wp-content/themes/midssa/style.css

任何想法，如何這能解決嗎？

Answer 1

不知道IE瀏覽器是否誤解了這個....但這可以幫助澄清你的代碼。將你的$（this）設置爲var。

var lItem = $(this); //list item 

用$（this）替代lItem，其中$（this）是#navigation ul li。

相關地，它可能是懸停事件中發生的第二次懸停事件嗎？

Answer 2

的修復會看起來像

$("ul").slideDown(function(){ $(this).css('display', 'inline-block') });

IE7不喜歡顯示：塊