在我的网站主页上，我有一个滑块和一个精美的盒子并排工作。
它似乎工作正常，但是一旦打开一个花哨的盒子，滑块的幻灯片就会被弄乱。我尝试在任何地方使用 jquery.noconflict，甚至尝试使用 fancybox 的 onClosed 函数重置滑块。不幸的是，这一切都没有帮助我......
我真的希望你们中的一个可以帮助我解决这个问题。
编辑
换了jquery，可惜幻灯片还是乱七八糟
我目前正在尝试使 fancybox 的 onClosed 事件暂停（和恢复）幻灯片。代码不工作，我不知道为什么......我还用一个成功的按钮对其进行了测试<button data-cycle-cmd="pause">Pause</button>。任何想法为什么该功能不工作或调用？
编辑额外；我将网站上的 html 代码放在下面：
滑块 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');