jquery hover () IE7 и IE8

Question

Использование jQuery 1.5.1 Пробовал этот блок кода как в разделе head, так и в строке, в функции doc ready и out.НИЧЕГО не заставляет это работать, я в тупике.Он работает во всех других браузерах.

Предполагается, что когда пользователь наводит курсор мыши на элемент div с классом "lsr", появляется другой элемент div с дисплеем: none.... так ОТВЕТ в том, что IE НЕ нравится пустой div.Это очевидно не будет оказывать это.Лучшее решение, которое я нашел, состояло в том, чтобы использовать следующий CSS на пустом div ..... Я попытался добавить padding, но ничего из этого не сработало.Что работает, так это использовать следующий CSS в пустом div.

.lsr {
  ...
  background-color: #fff;
  filter:alpha(opacity=0);
  opacity:0.0;
}

Answer 1

• У вашего div.lsr нет содержимого, что затруднит его наведение (в зависимости от вашего CSS)
• У вас есть дополнительные " на <div id="lsr"">

Если я исправлю эти проблемы, у меня все будет нормально: JSFiddle

РЕДАКТИРОВАТЬ на основе комментариев IE имеет проблемы с распознаванием событий на div, которыене имеет содержимого и , которое имеет position: absolute.Чтобы исправить это, попробуйте использовать другое позиционирование CSS или добавить содержимое в div (например,  )

Answer 2

документ готов?Его нет в вашем примере кода, но присутствует ли он в вашем собственном коде?

$(function(){
   $("div.lsr").hover(
        function() { $("#lsr").show(); },
        function() { $("#lsr").hide(); }
    );
});