悬停时的摆动元素动画

Question

我的目标是通过使用CSS和一些jQuery（当然应该在鼠标悬停时）停止悬停项目。

在互联网上搜索我发现代码在文档准备好时摆动元素（complete jsFiddle）。

$(document).ready(function() { 

    function swing(){ 
     $('.swing').toggleClass('right'); 
     setTimeout(swing, 1000); 
    } 
    swing(); 
}); 

我试过使用.hover（）方法，但似乎不起作用。 我该如何解决这个小问题？

Answer 1

是这样的：

$(document).ready(function() { 
    var id; 
    function swing(){ 
     $('.swing').toggleClass('right'); 
     id = setTimeout(swing, 1000); 
    } 
    $(".swing").hover(function() { 
     swing(); 
    }, 
    function() { 
     clearTimeout(id); 
    }); 
});