Question

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

它看起来工作得很好，但随着一个人打开一个幻想盒，滑块的幻灯片搞砸了。我尝试到处使用jquery.noconflict，甚至试图用fancybox的onClosed函数重置滑块。不幸的是，这一切都没有帮助我...

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

修改

取代了Jquery，但不幸的是幻灯片仍然很混乱

我目前正在尝试使用forClosed事件来暂停（并恢复）幻灯片。代码不起作用，我不知道为什么......我也用一个按钮<button data-cycle-cmd="pause">Pause</button>来测试它。任何想法为什么函数不工作或调用？

EDIT EXTRA;我把来自网站的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');

冲突jquery滑块与fancybox

1 个答案: