Question

我有以下JQuery

$(function() {
  $("a.my_link").hover(
    function(){
      $(this).stop().animate({"font-size": "14pt"}, "slow");
    },
    function(){
      $(this).stop().animate({"font-size": "10pt"}, "slow");
    }
  );
});

以下标记

<div id="my_div">
  <div><a href="#something_on_the_page_1" class="my_link">Link 1</a></div>
  <div><a href="#something_on_the_page_2" class="my_link">Link 2</a></div>
  <div><a href="#something_on_the_page_3" class="my_link">Link 3</a></div>
  <div><a href="#something_on_the_page_4" class="my_link">Link 4</a></div>
</div>

当我点击其中一个链接时，页面向上或向下滚动到href属性中的id。但是，在Firefox中，当我点击其中一个链接时，会发生以下情况：

页面向下移动到匹配的元素，这是预期的
这会将my_div块从鼠标光标
但是，在此之后，链接不响应hover（）事件。

它在Chrome中运行正常，但不适用于Firefox。这是因为Firefox对“mouse_out”的一些解释吗？有解决方法吗？

JQuery悬停事件在Firefox中无法正确触发

0 个答案: