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

回答