Проблема с jQuery .hover () в IE8

#jquery #internet-explorer #internet-explorer-8 #hover #jquery-hover

#jquery #internet-explorer #internet-explorer-8 #наведите #jquery-hover

Вопрос:

У меня небольшая проблема с .функция hover () в IE8, которая работает в FF, Chrome и Safari без проблем. IE не выдает никакой ошибки или вообще чего-либо. Вот что у меня есть на данный момент:

  1. Меню, которое работает с.hover () (Это работает в IE8)
  2. Форма , которая открывается справа с помощью .при наведении курсора мыши () и в форме используются jQuery Form, jQuery Validate и qTip (это работает во всем, кроме IE8)
  3. Загружено несколько библиотек javascript: jQuery 1.5.1, jQuery UI, jQuery Form, jQuery Validate, qTip 2, Colorbox

Итак, вот и проблемный код:

 $(document).ready(function () {
  //menu works great
  $(".menu").hover(
    function () {
      if(!$(this).hasClass('animated')) {
        $(this).dequeue().stop().animate({top: 137}, 400,'easeInOutCirc');
      }
    },
    function () {
      $(this).addClass('animated').animate({top: 110}, 400,'easeInOutCirc', function() {$(this).removeClass('animated').dequeue();});
    }
  );
  //this works in everything but IE8
  $("#contact-bar").hover(
    function () {
      if(!$(this).hasClass('animated')) {
        $(this).dequeue().stop().animate({right: -10}, 400,'easeInOutCirc', function() {$('.qtip').qtip('show');});
      }
    },
    function () {
      $(this).addClass('animated').animate({right: -301}, 400,'easeInOutCirc', function() {$(this).removeClass('animated').dequeue(); $('.qtip').qtip('hide');});
    }
  );
});
  

CSS (я пытался изменить фон или даже поместить изображение):

 #contact-bar {
  position:absolute;
  top:282px;
  width:352px;
  height:360px;
  right: -301px;
}
  

Любая помощь чрезвычайно ценится!

Комментарии:

1. У вас есть это онлайн? Например, в findle?

Ответ №1:

Сначала я вижу, что может быть проблема с html. Смотрите скриншот. Почему в IE #Table_02 находится в quisiera-contratar-a-redvel_ ? Смотрите результаты проверки: Строка 74 ошибки, столбец 37: конечный тег для «формы» опущен, но ОПУЩЕННЫЙ ТЕГ NO был указан. Сообщите, когда вы это проверите.введите описание изображения здесь

Комментарии:

1. никогда не забуду снова проверить с помощью w3c