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

我刚刚为一个网站制作了一个滑动条，带有一个寻呼机，当鼠标悬停事件被触发时，可以更改滑动条。我使用的是jQuery cycle插件版本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
});
}

函数initSlideshow（）{
$（“#幻灯片”）
.之前（“”）
.自行车({
超时：0，
速度：1500，
寻呼机：“#导航”，
pagerEvent:'mouseover'，//驱动寻呼机导航的事件的名称
PauseonPageHover:对
});
}

Html:

达卡佩尔瓦纳夫酒店
达克文斯特酒店
Nieuwe zolder iné&伊库特；n周
在阿弗雷克巴尔租下财政部！

---

希望这有帮助

我使用您的代码重新创建了一个滑块。它可以与您发布的代码配合使用。我假设您遗漏了pagerAnchorBuilder参数的代码。我认为问题在于您可能有一个事件侦听器，它捕获鼠标悬停事件，并可能通过返回false或其他内容来停止传播。这个问题看起来肯定是来自其他地方。

您能给我们一些代码示例或页面演示吗？也许是JSFIDLE？我能想到的唯一一件事是，你正在使用幻灯片本身作为寻呼机。我们需要一个“工作”的例子。我推测动画会通过mouseover事件改变对象的定义，结果会再次触发mouseover，永久性地重新启动动画。只是一个没有代码的猜测。嗨，我发布了一些代码。使用JSFIDLE是不可能的，因为包含了很多js。工作示例也很困难，因为它不允许链接到我们的开发服务器。再次感谢！如果将

pauseOnPagerHover

选项更改为

false

，会发生什么情况？啊，我想我已经发现了问题。寻呼机中的文本将被Cufon替换。当我将Cufon悬停时，它不工作，当我禁用时，它工作。我应该在发帖前检查一下，对不起。谢谢你的帮助！

<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>