鼠标悬停（slideSwitch.js）上的jQuery幻灯片闪烁/队列问题

我已经改编了Jon Raasch的代码，这基本上是一个渐弱的幻灯片。该脚本将“活动”幻灯片提升到更高的z索引，并为不透明度设置动画以获得淡入效果

它工作正常，添加了一个暂停，可以在鼠标悬停时暂时停止幻灯片播放

我遇到的问题是，当我在幻灯片上反复滑动鼠标时，我试图阻止脚本排队。当这种情况发生时，它会闪烁并变得疯狂

我尝试过使用stop（），但没有正常工作

有人能告诉我在下面的代码中插入这个吗？或者如果我走错了路

干杯

卢克

---

好的，我解决了这个问题，问题不在代码中，而是在父“slide”div中嵌套了一个额外的div。函数同时触发了这两个div，造成了混乱

---

干杯

使用

。停止（真，真）

。这很难看，但有时这是获得视觉效果的唯一途径。我已经尝试过了，但我不确定该把它放在哪里。你建议去哪里？

function slideSwitch() {
var $active = $('#hp-featured div.active');
if ( $active.length == 0 ) $active = $('#hp-featured div:last');
var $next =  $active.next().length ? $active.next()
    : $('#hp-featured div:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 1000, function() {
        $active.removeClass('active last-active');
    });
}
$(function() {
    var playSlideshow =  setInterval( "slideSwitch()", 5000 ); 
 $('#hp-featured div').hover(function() {
     clearInterval(playSlideshow);
  },
  function() {
      playSlideshow =  setInterval( "slideSwitch()", 5000 );
  });
});