Jquery悬停fadeIn/fadeOut问题

Question

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

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

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

当鼠标悬停在链接上而不是图像淡入时,当鼠标移动到子菜单时,图像淡出并再次淡入...我知道为什么会这样但我不知道如何在直接移动鼠标时使其不淡出从链接到子菜单.这有什么解决方案吗？

谢谢,Ile

Answer 1

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

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

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

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

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