javascript - 与 fancybox 冲突的 jquery slider

Question

在我网站的主页上，我有一个 slider 和一个花式框并排工作。

它似乎工作正常，但是一旦打开一个花哨的盒子， slider 的幻灯片就乱七八糟了。我尝试在所有地方使用 jquery.noconflict，甚至尝试使用 fancybox 的 onClosed 函数重置 slider 。不幸的是，这一切都没有帮助我......

我真的希望你们中的一个能帮助我解决这个问题。

编辑

更换了Jquery，可惜幻灯片还是乱七八糟

我目前正在尝试 fancybox 的 onClosed 事件来暂停(和恢复)幻灯片放映。代码不工作，我不知道为什么......我也用一个按钮测试它 <button data-cycle-cmd="pause">Pause</button>成功了。有什么想法为什么函数不工作或调用？

额外编辑；我把网站的 html 代码放在下面:

slider div:

<div class="cycloneslider cycloneslider-template-default" id="cycloneslider-slideshow1-1" style="max-width:657px">
<div class="cycloneslider-slides cycle-slideshow" data-cycle-slides=">
 div" data-cycle-auto-height="657:359"
 data-cycle-fx="fade" 
data-cycle-speed="1000" 
data-cycle-timeout="4000" 
data-cycle-pause-on-hover="false" 
data-cycle-pager="#cycloneslider-slideshow1-1 .cycloneslider-pager" 
data-cycle-prev="#cycloneslider-slideshow1-1 .cycloneslider-prev" 
data-cycle-next="#cycloneslider-slideshow1-1 .cycloneslider-next" 
data-cycle-tile-count="7" 
data-cycle-tile-delay="100" 
data-cycle-tile-vertical="true" 
data-cycle-log="false">
<div class="cycloneslider-slide" > 
(sources of) img1, img2, img3
</div>
</div>
<script>jQuery.noConflict();</script>

尝试过但失败了:

$('.cycle-slideshow').cycle('pause');

$('#cycloneslider-slideshow1-1 .cycle-slideshow').cycle('pause');

$('.cycle-slideshow', window.parent.document).cycle('pause');

Answer 1

您的代码中存在某种类型的 jquery 冲突。试试这个:

jQuery('.cycle-slideshow').cycle('pause');

代替

$('.cycle-slideshow').cycle('pause');