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 方法