jq 解决 动画 淡入淡出，隐藏显示，屡次操做BUG

通常咱们有动态的好比 一个 div 点击 其余一个 或者是 鼠标移动到另外一个 div时候， 淡入淡出动画，或者是其余动画 。显示或者隐藏。 固然若是使用 CSS3动画那就更好了，那样BUG是没有的。

但是会发现若是咱们操做比较频繁的时候，就会发现动画就一直在无脑执行，自动操做不少次。这不是咱们想要的：

解决办法：

下面是一个  鼠标移动 移出 div   淡入淡出或者是隐藏 的效果例子 js部分：

//鼠标通过 标题显示 div 隐藏就隐藏

//鼠标移动事件 推荐使用 hover（） 若是是其余事件容易出现BUG的
    $("#thingContent").hover(function(event) {
        //$("#thinkStandard").show();
        // event.preventDefault(); //这里不能够，连 基本效果都没有

        //event.stopPropagation(); 这个不行

        $("#thinkStandard").stop(true).fadeIn();
    }, function(event) {
        // $("#thinkStandard").hide();
        // event.preventDefault();
        //event.stopPropagation(); 

        // stop(true) 表示 中止全部的同级队列，若是不为ture 那么会将当前的动画执行完才会执行下去的
        $("#thinkStandard").stop(true).fadeOut(3000);
        // $("#thinkStandard").stop().fadeOut(3000); stop阻止同级别的事件

    });

详情请看 jq  stop() 方法和 hover 方法