jquery - 停止为 jpg 制作动画

Question

我有一个生成动画 jpg 的 url。它附加了一个使用 top 和 left 属性的 js 文件。随机值分配给顶部和左侧。整个脚本是纯javascript。[No jQueryis used or jQuery animate]

我想要的是

停止动画，直到我做鼠标悬停。

我的代码

$('#s0').live('mouseover',function(){
     var top = $(this).css("top");
     var left = $(this).css("left");
     $(this).css({top:top, left:left}).animate({top:top, left:left}); 
     console.log(top);
     console.log(left);
})

这只会停止大约一秒钟，因为animate需要一个参数来显示ms保持动画活跃的时间。

我尝试添加setinterval和hover.

约束

我无法对主 js 文件进行任何更改。我有一个额外的代码来完成这项工作。[这是一个搞砸的系统，我必须遵守规则。

Answer 1

尝试这个：

$("#s0").on("mouseover", function(){
       $(this).stop();

}).mouseout(function(){
       $(this).animate(  ...  );  // animation continues...
})

Answer 2

jQuery 现在建议使用.on()代替，live()这样您就可以交换它们，然后“该off()方法删除使用 .on() 附加的事件处理程序”（来自文档）