0

IE8中的.hover()有点问题,它可以在FF,Chrome和Safari中正常工作,没有任何问题。 IE不会给出任何错误或任何。以下是我迄今为止:IE8上的jQuery .hover()问题

  1. 与.hover(工程菜单)(此作品在IE8)
  2. 从与.hover右边打开一个窗体()和表单使用jQuery的表格,jQuery验证和qTip(此作品中的一切,但IE8)
  3. 多个JavaScript库加载:jQuery的1.5.1,jQuery的UI,jQuery的表单,jQuery验证,qTip 2,彩盒

所以来这里的问题代码:

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

任何帮助,非常感谢!

+0

你有网上吗?例如findle? – 2011-05-07 19:16:58

回答