Конфликтуют два скрипта. Как решить проблему?

Question

[Royorso]

Есть страница. На этой странице к картинкам "прикручен" fancybox - всё работало, пока не добавил вот такой скрипт в код сайта (в подвал):

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
 jQuery(function($) {
$(document).on("scroll",function(){
    if($(document).scrollTop()>100){
        $("header").removeClass("sticky-header").addClass("sticky-header-small");
    } else{
        $("header").removeClass("sticky-header-small").addClass("sticky-header");
    }
});
})(jQuery);
</script>

В результате: fancybox и этот скрипт стали конфликтовать и fancybox теперь не работает. Как исправить? Помогите, пожалуйста.

Answer 1

[asdz]

Какие еще конфликты, именные пространства... Ничего там не конфликтует, просто вы два раза подключили jquery. Первый раз в head, второй раз внизу страницы перед вашим скриптом. Уберите строчку

<script src="http://code.jquery.com/jquery-latest.js"></script>

и все дела.

Comments

[Royorso]

Вам часто говорят, что Вы Гений?

[Royorso]

Спасибо большое! Все проблемы всегда решаются очень просто :)

[asdz]

Royorso: Не за что, помечайте вопрос как решение ))

[Сергей]

Победитель битвы экстрасенсов на тостере! Гадания по аватарке будут?

[Royorso]

asdz: Тупил с интерфейсом, не мог найти, где пометить как решение

Answer 2

[Сергей]

Используйте jQuery.noConflict( )
jquery-docs.ru/Core/jQuery.noConflict

Comments

[Royorso]

У обоих скриптов или у любого из них?

[Royorso]

Никак не получается:

Answer 3

[Стас Денсис]

Была такая проблема. не работал scrollTop() а фансибокс работал.
возился долго. в итоге пришлось скроллинг сделать на чистом JS.

с интересом жду грамотного решения.