Jquery fadeIn正在工作，但在菜单项“鼠标悬停”上未淡出

请帮忙；我正在开发一个网站，我想在mouseenter和mouseleave上淡出一个图像

请看一下上面的图片。这是鼠标移动时的状态，并带有fadeIn效果。所以fadeIn很酷，但fadeout没有效果！我使用以下代码来实现这一点：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

$（文档）.ready（函数（）{ $（“#菜单项-67”）.mouseenter（函数（）{ $（“#text-11”）.hide（）.fadeIn（1000）； }); $（“#菜单项-67”）.mouseleave（函数（）{ 美元（“#text-11”）。淡出（1000）； }); });

---

您可以简单地执行以下操作：

$(document).ready(function(){
 $('#menu-item-67').mouseover(function(){
  $("#text-11").fadeToggle(1000);
 });

 $('#menu-item-67').mouseleave(function(){
  $("#text-11").fadeToggle(1000);
 });
});

---

尝试

$（“#text-11”）.show（）.fadeOut（1000）您的代码适用于：您应该意识到，由于您有1000毫秒的时间，所以在您第一次使用鼠标后，您的图像需要2秒钟才能隐藏。我尝试了所有您提到的解决方案，但不幸的是没有任何效果。所以我决定把开发url放在这里，这样你就可以在这方面帮我了：这似乎对我有用，你使用的是什么浏览器？@ChrisHardie我在Mozilla和Chrome两个浏览器中都试过了！不走运！我尝试了你们所有人提到的所有解决方案，但不幸的是没有任何效果。所以我决定把开发url放在这里，这样你们就可以在这方面帮助我了：我尝试了你们所有人提到的所有解决方案，但不幸的是没有任何效果。因此，我决定发布开发url，以便您能在以下方面帮助我：
$(document).ready(function(){
 $('#menu-item-67').mouseover(function(){
  $("#text-11").fadeToggle(1000);
 });

 $('#menu-item-67').mouseleave(function(){
  $("#text-11").fadeToggle(1000);
 });
});

 $(document).ready(function(){
        $("#menu-item-67").hover(
            function(){
                $("#text-11").hide().fadeIn(1000);
            },

            function(){
               $("#text-11").fadeOut(1000);
             }
          );
   });