jQuery循环淡入淡出效果鼠标悬停

Question

我刚刚为网站制作了滑块，当触发鼠标悬停事件时，使用分页器更改幻灯片。我正在使用jQuery循环插件2.99版

问题在于使用pagerEvent'mouseover'时淡入效果消失了。

我不知道是什么问题，因为当我改变pagerEvent点击淡入淡出效果工作正常。

任何人都可以帮忙吗？

谢谢！

的JavaScript代码：

function initSlideshow() { 
$('#slides') 
.before('<div id="nav">') 
.cycle({ 
    timeout: 0, 
    speed: 1500, 
    pager: '#nav', 
    pagerEvent: 'mouseover', // name of event which drives the pager navigation 
    pauseOnPagerHover: true 
}); 
} 

HTML：

<div id="slider_wrapper">   
    <div id="nav"> 
     <a id="slide_1" href="#" class="">Dakkapellen</a> 
     <a id="slide_2" href="#" class="">Dakkapellen</a> 
     <a id="slide_3" href="#" class="">Dakkapellen</a> 
     <a id="slide_4" href="#" class="">Dakkapellen</a> 
    </div> 
    <div id="slides"> 
      <div class="slide"> 
       <div class="image"><img src="images/sfeer/sfeer_01.jpg" alt="" /></div> 
       <div class="title">Dakkapel al vanaf</div> 
       <a href="#" title=""></a> 
      </div> 
      <div class="slide"> 
       <div class="image"><img src="images/sfeer/sfeer_02.jpg" alt="" /></div> 
       <div class="title">Dakvenster vanaf</div> 
       <a href="#" title=""></a> 
      </div> 
      <div class="slide"> 
       <div class="image"><img src="images/sfeer/sfeer_03.jpg" alt="" /></div> 
       <div class="title">Nieuwe zolder in &eacute;&eacute;n week</div> 
       <a href="#" title=""></a> 
      </div> 
      <div class="slide"> 
       <div class="image"><img src="images/sfeer/sfeer_04.jpg" alt="" /></div> 
       <div class="title">Rente fiscaal aftrekbaar!</div> 
       <a href="#" title=""></a> 
      </div> 
     </div> 
    </div> 

希望这有助于！

Answer 1

我使用您的代码at this fiddle重新创建了滑块。它适用于您发布的代码。我假设你已经遗漏了pagerAnchorBuilder参数的代码。我认为问题是你可能有一个事件监听器捕获mouseover事件，并可能通过返回false或其他东西来停止传播。这个问题看起来像是来自其他地方。