konfliktowy suwak jquery z fancybox - javascript, jquery, fancybox, slider

Na stronie głównej mojej witryny mam obok siebie suwak i fancybox.

Wygląda na to, że działa dobrze, ale tak dobrze jak jedenotwiera fancybox slajdy suwaka są pomieszane. Wszędzie próbowałem użyć jquery.noconflict, nawet próbowałem zresetować suwak za pomocą funkcji onClosed dla fancyboksa. Niestety to mi nie pomogło ...

Naprawdę mam nadzieję, że jeden z was może mi pomóc w tej sprawie.

Edytować

Zamieniono Jquery, ale niestety slajdy są nadal nieuporządkowane

Obecnie próbuję zdarzeń onClosed, aby fancybox wstrzymał (i wznowił) pokaz slajdów. Kod nie działa i nie wiem, dlaczego ... Testowałem go również za pomocą przycisku <button data-cycle-cmd="pause">Pause</button> co załatwiło sprawę. Wszelkie pomysły, dlaczego funkcja nie działa lub nie wywołuje?

EDYCJA DODATKOWA; Umieszczam kody HTML ze strony poniżej:

Suwak 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>

Próbowałem, ale nie powiodło się:

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

$("#cycloneslider-slideshow1-1 .cycle-slideshow").cycle("pause");

$(".cycle-slideshow", window.parent.document).cycle("pause");

Odpowiedzi:

W twoim kodzie jest pewien rodzaj konfliktu jquery. Spróbuj tego:

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

Zamiast

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