Question

我对这个JS代码有疑问。当我开始测试时，它可以正常使用FF和Chrome，但不适用于IE8。

我想，IE visiblity属性或鼠标悬停事件有问题。我尝试了一切，但我在这里很深，我看不到整个画面。

如何在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);
  });

Answer 1

您正在寻找不是有效元素的$('layout_aboutme')。您可能指的是ID $('#layout_aboutme')或类$('.layout_aboutme')。

PS： $(function(){ ... });是$(document).load(function(){ ... });

的缩写

Answer 2

我不知道为什么你的分配变量，无论如何..

$(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的评论并整理你的选择器。

Answer 3

解决。

我将html标签更改为具有特定ID的div标签。有效。当它与IE以外的所有浏览器一起工作时，我认为它都是关于css样式的但事实并非如此。

谢谢你们。

IE上的jQuery可见性选项

3 个答案: