jQuery悬停在Firefox或IE中不起作用

Question

我是Javascript / Jquery的新手，所以轻松一点！

我已经创建了一个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

提前致谢。

Answer 1

您可以使用e.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>