Опция видимости jQuery в IE

Question

У меня проблема с этим кодом JS. Когда я начал тестировать его, он работал правильно с FF и Chrome, но не с IE8.

Полагаю, что-то не так со свойством IE visiblity или событиями mouseover. Я перепробовал все, но я так глубоко здесь, что не вижу всей картины.

Как я могу заставить его работать должным образом и в 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'), который не является допустимым Элементом.Вы, вероятно, имеете в виду идентификатор $('#layout_aboutme') или класс $('.layout_aboutme').

ps: $(function(){ ... }); - это сокращение от $(document).load(function(){ ... });

Answer 2

решаемая.

Я изменил теги html на теги div с определенными идентификаторами. Это сработало. когда он работал со всеми браузерами, кроме IE, я предполагал, что это все о стилях CSS но это не так.

спасибо, ребята.

Answer 3

Во всяком случае, я не понимаю, почему вы присваиваете переменную.

$(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);
    });
});

Вы также должны прочитать комментарий Джерона и разобраться в своих селекторах.