jQueryサイクルフェードエフェクトとマウスオーバー

Question

私は、mouseoverイベントが発生したときにスライドを変更するページャーを使って、Webサイトのスライダーを作成しました。私は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パラメータのためのコードを省いたと仮定しています。問題はマウスオーバーイベントをキャプチャするイベントリスナーがあり、falseやその他のものを返すことによって伝播を停止する可能性があることだと思います。問題は間違いなくどこかから来ているように見えます。