jquery - 在鼠标悬停时暂停所有动画？

Question

好的，所以我正在尝试暂停页面上的所有幻灯片动画。目前我有三排框都使用相同的 slider 脚本，共享相同的类名。我想做的是在将鼠标悬停在其中一个动画上时暂停所有 3 个动画。

我正在使用来自 http://responsive-slides.viljamis.com/ 的响应式幻灯片脚本这就是我标记 HTML 的方式(请忽略 $smarty 语法):

<section class="greenBox">
<ul class="rslides slider1">
<li><img src="{$smarty.const.SITEURL}/images/vane/celebs/hamilton.jpg" data-hover="  {$smarty.const.SITEURL}/images/vane/celebs/hamiltonQ.jpg" alt="Lewis Hamilton"></li>
<li><img src="{$smarty.const.SITEURL}/images/vane/celebs/downey.jpg" data-hover="{$smarty.const.SITEURL}/images/vane/celebs/downeyQ.jpg" alt="Robert Downey JR"></li>
<li><img src="{$smarty.const.SITEURL}/images/vane/celebs/mayer.jpg" data-hover="{$smarty.const.SITEURL}/images/vane/celebs/mayerQ.png" alt="John Mayer"></li>
</ul>
</section> 

这是 jQuery:

$(function () {
  $(".slider1").responsiveSlides({
    maxwidth: 800,
    speed: 800,
  });
});

当然我可以只添加暂停:true;规则是这样的，但是所有这一切都会暂停鼠标悬停的图像，而其他图像当然会继续变化。我想做的是让这些图像按顺序排列，所以我需要在鼠标悬停时暂停所有 3 个图像!

我试过像这样使用停止规则:

$(".slider1").mouseover(function(){
 $("this").stop();
});

但这并没有做任何事情。我确信这真的很简单，但我的 jQuery 只是初学者级别，有什么帮助吗？？

我正在使用的站点的 url 是 http://vane.vanillasoftware.co.uk

Answer 1

改变

$(".slider1").mouseover(function(){
 $("this").stop();
});

为了

$(".slider1").mouseover(function(){
 $(".slider1").children().stop();
});

Here它正在工作。

警告:

stop是jQuery动画的方法，不是gallery插件提供的方法。这可能会产生不良后果。