2013-01-16 66 views
2

在我的网站的主页上我有一个滑块和fancybox肩并肩。冲突与花哨的jQuery滑块

它似乎工作正常,但作为一个打开fancybox幻灯片幻灯片幻灯片乱七八糟。我尝试过在每个地方都使用jquery.noconflict,甚至尝试用fancybox的onClosed函数重置滑块。不幸的是,这一切都没有帮助我...

我真的希望你们中的一个人可以帮我解决这个问题。

编辑

取代Jquery的,但不幸的是幻灯片仍然凌乱

目前我正在试图进行的fancybox暂停(和恢复)幻灯片中的onClosed事件。 该代码无法正常工作,我不知道为什么...我还用一个按钮<button data-cycle-cmd="pause">Pause</button>对其进行了测试。任何想法为什么该函数不工作或调用?

EDIT EXTRA;我把HTML代码从下面的网站:

滑块格:

<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'); 
+0

首先检查http://stackoverflow.com/q/14344289/1055987:试试这个latest.js' – JFK

+0

您能否提供引起问题的HTML? –

回答

0

有一些类型的代码中的jQuery的冲突的。因为使用的是`http://code.jquery.com/jquery-

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

而不是

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

完全合作!谢谢你大好时光。 – user1984409