我爲一個新項目啓動了一個Jquery下拉菜單,它在谷歌瀏覽器,火狐瀏覽器,Safari瀏覽器上按預期工作,但當然這讓我在Internet Explorer上感到頭疼。Jquery下拉菜單隻在IE上閃爍
這裏的東西, 在菜單首頁查看鼠標在此頁面 http://www.universidadedoingles.com.br/dev/index.ASP
,下拉appers,當你移動了IE中的鏈接,您看到背景的一些閃爍,這不發生在Chrome和ETC上。
這裏是我用來做dd菜單的js尾音。
<script type="text/javascript">
$(document).ready(function() {
$("ul.mainmenu li.menuhome").mouseover(function(){
$(".arrow-spacer").show(); //When mouse over ...
//Following event is applied to the subnav itself (making height of subnav 150px)
$(this).find('.submenu').show().animate({height: '150px', opacity:'1'},{queue:false, duration:300})
});
$("ul.mainmenu li.menuhome").mouseout(function(){ //When mouse out ...
//Following event is applied to the subnav itself (making height of subnav 0px)
$(this).find('.submenu').hide().animate({height:'0px', opacity:'0'},{queue:false, duration:200})
});
//menu itembackground color animation
$("li").hover(function() {
$(this).animate();},
function() {
$(".arrow-spacer").hide();
});
});
</script>
就是這樣,我想這可能是簡單的,但它一直星期,我仍然無法得到它的工作。
非常感謝。
您測試過哪個版本的Internet Explorer? http://www.my-debugbar.com/wiki/IETester/HomePage – Sonny 2011-03-11 14:52:02
我不明白你爲什麼要隱藏「箭頭 - 間隔」當李元素被徘徊? – 2011-03-11 15:23:26
出於某種原因,如果我不使用hide(),在將HOME鏈接懸停第一次後,箭頭 - 間隔符將不會消失。所以我需要箭頭才能顯示何時將鼠標懸停在鏈接上,並在我將鼠標移出時隱藏。 – 2011-03-11 15:51:53