衝突與花哨的jQuery滑塊

Question

在我的網站的主頁上我有一個滑塊和fancybox肩並肩。

它似乎工作正常，但作爲一個打開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'); 

Answer 1

有一些類型的代碼中的jQuery的衝突的。因爲使用的是`http://code.jquery.com/jquery-

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

而不是

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