jquery滑块与fancybox冲突

Question

在我的网站主页上，我有一个滑块和一个花哨的盒子并排工作。

它似乎工作得很好，但是一旦打开一个花哨的盒子，滑块的幻灯片就乱了。我尝试使用jquery。没有冲突无处不在，甚至试图重置滑块与一个onClosed函数为fancybox。不幸的是，这一切都没有帮助我……

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

编辑

替换了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>

try but failed:

$('.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');