2010-09-11 63 views
2

我有这个JS代码的问题。当我开始测试它时,它可以正常使用FF和Chrome,但不能使用IE8。IE上的jQuery可见性选项

我想,IE可见性属性或鼠标悬停事件是错误的。我尝试了一切,但我在这里很深,我看不到整个画面。

如何在IE中使它正常运行。讨厌IE :))

$(document).ready(function() { 
     var doFadeIn = function() { 
     $('.aboutme').css({ opacity:0, visibility:'visible'}).fadeTo(900,1); 
     }; 
     $('layout_aboutme').mouseover(doFadeIn); 
     var doFadeOut = function(){ 
     $('.aboutme').css({ opacity:0, visibility:'hidden'}).fadeTo(900,1); 
     }; 
     $('layout_aboutme').mouseleave(doFadeOut); 
    }); 

回答

2

你要找的$('layout_aboutme')这不是一个有效的元素。您可能是指编号为$('#layout_aboutme')或类别$('.layout_aboutme')

PS: $(function(){ ... });是短期的$(document).load(function(){ ... });

+0

$('layout_aboutme')是我创建的html标记 - 与$('p')或$('body')没有什么区别,但我试过你的解决方案仍然无法工作。 – 2010-09-11 15:11:28

+2

说真的,你创建了' ...'?这是非常无效的,并且在IE(或其他)中不起作用。 – bobince 2010-09-11 16:12:31

0

我不知道为什么你的变量赋值,反正..

$(document).ready(function() 
{ 
    $('.aboutme').mouseover(function(){ 
     $(this).css({ opacity:0, visibility:'visible'}).fadeTo(900,1); 
    }); 
    $('.aboutme').mouseleave(function(){ 
     $(this).css({ opacity:0, visibility:'hidden'}).fadeTo(900,1); 
    }); 
}); 

你也应该阅读jerone的评论和整理你的选择。

+0

谢谢,但没有奏效。 – 2010-09-11 15:12:55

0

解决。

我将html标记更改为具有特定ID的div标记。有效。 当它与除IE以外的所有浏览器一起工作时,我认为它全部是关于css风格的 ,但事实并非如此。

谢谢你们。