Как исправить конфликт карусели и всплывающего окна (.contentcarousel и .magnificPopup)?

Question

[nugmani]

У меня одностраничный сайт на котором есть карусель Circular Content Carousel with jQuery (tympanus.net/codrops/2011/08/16/circular-content-c...) и всплывающее окно (magnificpopup) при нажатии кнопки.
Есть общий файл common.js в котором я их вызываю
$(document).ready(function() {
$(".ca-container").contentcarousel();//сама карусель
$(".ca-container").mousewheel();//прокрутка колесом мыши
$(".button-enroll").magnificPopup();//всплывающее окно
});

Суть проблемы: Если я пишу сначала вызов карусели,а потом всплывающего окна,то карусель будет работать, а всплывающее окно нет. Если я поменяю местами и напишу сначала $(".button-enroll").magnificPopup(); а потом все остальное, то будет работать всплывающее окно, а карусель нет.
Что делать?

Answer 1

[Alex Zeit]

извините но у вас ошибка

$(".ca-container").mousewheel();//прокрутка колесом мыши
Uncaught TypeError: $(...).mousewheel is not a function(…)

после которой скрипт прерывает свою работу.
непонятно зачем вы вообще это вызываете... ведь прокрутка колесом и так реализована в галерее
а вы вешаете то, чего не понимаете...

Answer 2

[xmoonlight]

1. разбирайтесь с зависимостями
2. пишите сами на нативе

Answer 3

[nugmani]

Грамотно вопрос пока не решен,но написав скрипт в html документе все стало работать.

<script type="text/javascript">
$('#ca-container').contentcarousel();
</script>