Jquery fadeIn不使用.append（）

如果你想这么说的话，我准备了一份淡色菜单。我遇到的问题是，除了添加到链接末尾的图像外，所有内容都会很好地淡出。它消失得很好，但我根本无法让fadeIn工作

$(document).ready(function() {

$(".fade").hover(
    function () {
        $(this).fadeIn(500).append($("IMAGE HERE"));
        $(this).stop().animate({
            opacity: 1,
            borderBottomColor: "#6BD8FF",
            borderLeftColor: "#6BD8FF",
            borderRightColor: "#6BD8FF",
            borderTopColor: "#6BD8FF",
            color: "#03A5DF",
            backgroundColor: "#E3F8FF"
        }, 500);
    },
    function () {
        $(this).find("img:last").fadeOut(200);
        $(this).stop().animate({
            opacity: 1,
            borderBottomColor: "#CCCCCC",
            borderLeftColor: "#CCCCCC",
            borderRightColor: "#CCCCCC",
            borderTopColor: "#CCCCCC",
            color: "#BBBBBB",
            backgroundColor: "#F9F9F9"
        }, 200);
    }
);

});

---

改变fadeIn时间没有任何作用，如果你稍微看一看，你会发现它不是在淡入，而是在出现。其他一切都很好。如果有人能帮上忙，我将不胜感激。谢谢

编辑：出于历史原因，原文如下

我已经解决了这个问题，你可以在 当然，可以看到所有的源代码并在

因为

stop（）

不适用于

fadeIn（）

和

fadeOut（）

如果您快速移动鼠标指针，则箭头会粘在周围。我把修理工作留给OP

以下是问题和解决方案。问题1未正确使用stop。您只想在淡出项上使用“停止”。这将停止淡入并立即开始淡出。另外（正如我最初的评论）你想先停下来，然后再做这项工作

问题2是在悬停中动态添加图像。哎呀！在“隐藏”中添加图像一次且仅添加一次，然后对其进行操作

以下是修订规范的相关部分：

$(document).ready(function() {
  $(".fade").each( function() {
    $(this).append($("<img style='float:right;' src='http://cu3ed.com/jqfade/img/plus.png' />"));
    $(this).find("img:last").hide();
  });

  $(".fade").hover(
    function () {
      var me = $(this);

      me.find("img:last").fadeIn(500);

      me.animate({
        opacity: 1,
        borderBottomColor: "#6BD8FF",
        borderLeftColor: "#6BD8FF",
        borderRightColor: "#6BD8FF",
        borderTopColor: "#6BD8FF",
        color: "#03A5DF",
        backgroundColor: "#E3F8FF"
      }, 500);
    },
    function () {
      var me = $(this);
      me.stop();
      me.find("img:last").fadeOut(200);
      me.animate({
        opacity: 1,
        borderBottomColor: "#CCCCCC",
        borderLeftColor: "#CCCCCC",
        borderRightColor: "#CCCCCC",
        borderTopColor: "#CCCCCC",
        color: "#BBBBBB",
        backgroundColor: "#F9F9F9"
      }, 200);
    }
  );

});​

---

编辑：出于历史原因，以下为原件

我已经解决了这个问题，你可以在 当然，可以看到所有的源代码并在

因为

stop（）

不适用于

fadeIn（）

和

fadeOut（）

如果您快速移动鼠标指针，则箭头会粘在周围。我把修理工作留给OP

以下是问题和解决方案。问题1未正确使用stop。您只想在淡出项上使用“停止”。这将停止淡入并立即开始淡出。另外（正如我最初的评论）你想先停下来，然后再做这项工作

问题2是在悬停中动态添加图像。哎呀！在“隐藏”中添加图像一次且仅添加一次，然后对其进行操作

以下是修订规范的相关部分：

$(document).ready(function() {
  $(".fade").each( function() {
    $(this).append($("<img style='float:right;' src='http://cu3ed.com/jqfade/img/plus.png' />"));
    $(this).find("img:last").hide();
  });

  $(".fade").hover(
    function () {
      var me = $(this);

      me.find("img:last").fadeIn(500);

      me.animate({
        opacity: 1,
        borderBottomColor: "#6BD8FF",
        borderLeftColor: "#6BD8FF",
        borderRightColor: "#6BD8FF",
        borderTopColor: "#6BD8FF",
        color: "#03A5DF",
        backgroundColor: "#E3F8FF"
      }, 500);
    },
    function () {
      var me = $(this);
      me.stop();
      me.find("img:last").fadeOut(200);
      me.animate({
        opacity: 1,
        borderBottomColor: "#CCCCCC",
        borderLeftColor: "#CCCCCC",
        borderRightColor: "#CCCCCC",
        borderTopColor: "#CCCCCC",
        color: "#BBBBBB",
        backgroundColor: "#F9F9F9"
      }, 200);
    }
  );

});​

---

谢谢你的回复。我试着更改代码，但仍然没有反映淡入。所以，还是不起作用。如果你以后有机会进行测试，那就太棒了。再次感谢。哇，非常感谢您的全面回复！非常感谢。我会再读几遍，试着把它全部掌握。非常感谢。谢谢你的回复。我试着更改代码，但仍然没有反映淡入。所以，还是不起作用。如果你以后有机会进行测试，那就太棒了。再次感谢。哇，非常感谢您的全面回复！非常感谢。我会再读几遍，试着把它全部掌握。非常感谢。