使用SHAKE效果時消失的元素

Question

我想弄清楚這個框架，但是我遇到了實現晃動效果的問題。每次我將鼠標懸停在元素上時，其他div都會消失。在小提琴中，我嘗試了不同的JQuery和JQuery UI，它在工作，但選擇最新的只是打破了整個事情。有小費嗎？謝謝！

https://jsfiddle.net/w11qknc4/

$(".box").mouseenter(function() { 
$(this).effect("shake", { direction: "up", times: 4, distance: 10}, 1000); 
$(this).finish().effect("shake", { direction: "up", times: 4, distance: 2}, 1000); 
}); 

Answer 1

此行是沒有必要的，使您的問題：

$（本）.finish（）的效果（ 「換血」，{方向： 「向上」，次數：4，距離：2}，1000）;

只需使用：

$(".box").mouseover(function() { 
    $(this).effect("shake", { direction: "up", times: 4, distance: 2}, 1000); 
}); 

---

如果您希望等待的效果之前，另一月底，看到用途：

var start = true, 
    delay = 1000; 

$(".box").mouseover(function() { 
    if (start) { 
    start = false; 
    $(this).effect("shake", { direction: "up", times: 4, distance: 2}, delay); 

    setTimeout(function() { 
     start = true; 
    }, delay) 
    } 
});