Ошибка стрелок прокрутки Slick.Slider Ajax jQuery
Подгружаю блок слайдера через ajax после загрузки страницы. Проблема в том, что слайдер работает как надо, только на кнопки прокрутки не навешивается событие. Если делать без ajax, то все работает как надо. Использую библиотеку Slick.Slider jQuery.
jQuery.ajax({
url: "?tmpl=module&position=main-video",
context: document.body,
success: function(data){
jQuery('.ajax-video').append(data);
jQuery('.main-videos-slider').slick({
slidesToShow: 3,
dots: false,
arrows: true,
infinite: true,
speed: 300,
appendArrows: $('.main-video-nav'),
prevArrow: $('.main-videos-prev'),
nextArrow: $('.main-videos-next'),
responsive: [
{
breakpoint: 600,
settings: {
slidesToShow: 1,
}
},
]
});
// Пробовал добавить событие на кнопку, также не вышло
jQuery('.main-videos-prev').click(function(){
jQuery(".main-videos-slider").slickPrev();
});
}
});