Jquery Hover不能在Firefox或IE中工作

我不瞭解JavaScript/Jquery，所以很簡單！Jquery Hover不能在Firefox或IE中工作

我已經創建了一個HTML的facebook標籤，其中包含一些圖片並應用懸停效果，以便在鼠標懸停時展開。這似乎在Chrome中正常工作，但在Firefox和IE中它很糟糕，並且動畫似乎重複運行，除非光標死鎖在圖像上。

我試着在那裏添加「stop（）」，但它不起作用，或者我把它放在錯誤的地方（可能是後者）。如果有人有任何建議，我將非常感激！

<script> 
    $(document).ready(function() { 

    $('.circle').hover(function() { 

     $(this).animate({ 
      'position' : 'relative', 
      'width' : 120, 
      'height' : 120, 
      'border-radius' : 60, 
      'margin' : 20, 
      'top' : 0, 

     }); 

    }, function() { 

     $(this).animate({ 
      'position' : 'relative', 
      'width' : 100, 
      'height' : 100, 
      'margin' : 25, 
      'top' : 10, 
     }); 

    }); 

}); 
</script>

完整的示例可在這裏：

http://careers.dept.shef.ac.uk/Facebook/FacebookTab.html

在此先感謝。

來源

2013-10-04 Steve McCarthy

哪裏是你的功能？你可以發佈一些js/jQuery。或者指向你的網站。 – lharby

嗨鏈接到HTML文件包含在上面。 jquery包含在裏面。謝謝。 –

您可以使用e.stoppropagation（）函數來停止冒泡。

例如， stoppropagation

<div id="noStop"> 
    <span>This one doesn't stop bubbling</span> 
    <ul></ul> 
    </div> 
    <div id="stop"> 
    <span>This one stops bubbling</span> 
    <ul></ul> 
    </div>

來源

2013-10-04 12:44:31 Nandakumar

嗨，感謝您的回覆。我試過這個，但它似乎沒有任何區別。 –

Jquery Hover不能在Firefox或IE中工作

回答

相關問題