在我的网站的主页上我有一个滑块和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');
首先检查http://stackoverflow.com/q/14344289/1055987:试试这个latest.js' – JFK
您能否提供引起问题的HTML? –