IE8上的jQuery .hover()问题

时间:2011-05-05 21:22:05

标签: jquery internet-explorer internet-explorer-8 hover jquery-hover

我在IE8中的.hover()有一点问题,它可以在FF,Chrome和Safari中运行,没有任何问题。 IE不会给出任何错误或任何错误。以下是我到目前为止的情况:

  1. 与.hover()配合使用的菜单(适用于IE8)
  2. 使用.hover()从右侧打开的表单,表单使用jQuery Form,jQuery Validate和qTip(除了IE8之外的所有内容)
  3. 加载了多个javascript库:jQuery 1.5.1,jQuery UI,jQuery Form,jQuery Validate,qTip 2,Colorbox
  4. 所以这里有问题的代码:

    $(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 个答案:

答案 0 :(得分:2)

首先我看到html可能存在问题。见截图。 IE #Table_02上的原因是quisiera-contratar-a-redvel_?请参阅验证结果:Error Line 74, Column 37: end tag for "form" omitted, but OMITTAG NO was specified。检查时告诉你。enter image description here