Jquery悬停淡入/淡出问题

Question

http://www.izrada-weba.com/orso将鼠标悬停在链接“NENATKRIVENA TERASA...”上时，子菜单和图像一起淡入。子菜单使用一些下载的脚本淡出，上面的图像使用我的代码淡出:

$(document).ready(function () {
   $("#slika1").hide();

  $("#test,#submenu2").hover(
      function () {
       $("#slika1").fadeIn();
      }, 
      function () {
         $("#slika1").fadeOut();
      }
    );       
});

当鼠标悬停在链接上时，图像会淡入，当鼠标移动到子菜单时，图像会淡出，然后再次淡入...我知道为什么会这样，但我不知道如何使其在时不淡出将鼠标直接从链接移动到子菜单。有什么解决办法吗？

谢谢，岛

Answer 1

函数 stop() 将停止指定元素上当前正在运行的任何动画。
尝试修改您的鼠标悬停功能:

$("#slika1").stop().fadeIn();

编辑:
子菜单似乎没有完全消失(参见 ile 的评论)。在我看来，这似乎是一个 jQuery bug，但我不确定。也许有人可以插话并解释为什么会发生这种情况。
要解决这个问题，请尝试使用 fadeTo();它似乎产生了预期的结果:

$(document).ready(function () {
  $("#slika1").fadeTo(0,0);

  $("#test,#submenu2").hover(
    function () {
      $("#slika1").stop(true).fadeTo("normal",1);
    }, 
    function () {
      $("#slika1").fadeTo("normal",0);
    }
  );       
});