IE8 上的 jQuery .hover() 问题

发布于 2024-11-05 12:08:12 字数 1394 浏览 2 评论 0原文

我在 IE8 中的 .hover() 有一个小问题，它在 FF、Chrome 和 Safari 中工作没有问题。 IE 不会给出任何错误或任何错误。这是我到目前为止所拥有的：

一个使用 .hover() 的菜单（这适用于 IE8）
一个使用 .hover() 从右侧打开的表单，该表单使用 jQuery Form、jQuery Validate 和 qTip（这适用于 IE8）除了 IE8 之外的所有内容）
加载了多个 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;
}

非常感谢任何帮助！

原文

I have a little problem with a .hover() in IE8 which works in FF, Chrome and Safari with no problem. IE doesn't give any error or whatsoever. Here is what I have so far:

A menu that works with .hover() (This works in IE8)
A form that opens from the right with .hover() and the form uses jQuery Form, jQuery Validate and qTip (This works in everything but IE8)
Multiple javascript libraries loaded: jQuery 1.5.1, jQuery UI, jQuery Form, jQuery Validate, qTip 2, Colorbox

So here comes the problematic code:

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

The CSS (I tried changing the background or even putting an image):

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

Any help is extremely appreciated!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

酷炫老祖宗 2024-11-12 12:08:12

首先我发现 html 可能有问题。请参阅屏幕截图。为什么在 IE 上，#Table_02 位于 quisiera-contratar-a-redvel_ 中？查看验证器结果：错误第 74 行第 37 列：省略了“form”的结束标记，但指定了 OMITTAG NO。检查时告知。在此处输入图像描述