jquery - jQuery stop() 弄乱了文本

Question

示例：http: //jsfiddle.net/V4Arr/5/

我的目标是在将鼠标悬停在可见文本上时显示文本。为了防止动画堆积，我使用了 stop() 函数，但它开始弄乱其他元素（并且也弄乱了动画）！您可以在文本上悬停几下后看到它的外观。有什么解决办法吗？

$(document).ready(
      function () {
         $("#cont").hover(
             function () {
               $("#secret").stop().show("slide", "350");
            }, 
             function () {
               $("#secret").stop().hide("slide");
            }
          );
       });

Answer 1

.stop ^[docs]接受两个参数：

clearQueue
    类型：Boolean
    一个布尔值，指示是否也删除排队的动画。默认为false.

jumpToEnd
    类型：Boolean
    一个布尔值，指示是否立即完成当前动画。默认为false.

采用：

.stop(true, true)

反而。

Answer 2

$(document).ready(function () {
    $("#cont").hover(function () {
        $("#secret").stop(true, true).show("slide", "350");
    }, function () {
        $("#secret").stop(true, true).hide("slide");
    }
  );
});