Ошибку решила! Самое простое решение, если у Вас не работает так же как и у меня, хоть у Вас лишь одна версия jQuery подключена, то включайте скрипт в нон конфликт моде. На самом деле я видела, такое решение, но тот скрипт почему-то мне не подошел.
Вот допустим у меня обычный код слайдера вставлен
$(document).ready(function(){
$('.responsive').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
});
и просто добавляем вместо (document).ready(function() - $.noConflict();
jQuery(document).ready(function($)
выходит так
$.noConflict();
jQuery(document).ready(function($){
$('.responsive').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
});
И оно начинает работать :)
P.S. так же оно начинает работать без конфликтов если во все скрипты где есть jQuery поставить так jQuery(document).ready(function($) то есть указать, что $ это функция, и можно не использовать нон конфликт.