TypeError: $(...).slick is not a function. Как исправить?

Question

[Site Maker]

Подсоединил Slick слайдер, всё работает, но в панели почему то ошибка выводится.
В скриптах jquery подключён в head, первым, с этим не должно быть проблем.

Написать: $(document).on('ready', function () {
вместо: $(document).ready(function(){
только порушило слайдер и пропала горизонтальная прокрутка.
Может функция написана по старому?
Может кто то подсказать?

Вот Кусок Кода:

// Дополнительные Фото
$(document).ready(function(){
$('.gallery').slick({dots:true,infinite:false,speed:300,slidesToShow:4,slidesToScroll:1,responsive:[
{breakpoint:992,settings:{slidesToShow:4,slidesToScroll:4,infinite:false,dots:true,arrows:false}},
{breakpoint:576,settings:{slidesToShow:3,slidesToScroll:3,arrows:false}},
{breakpoint:375,settings:{slidesToShow:2,slidesToScroll:2,arrows:false}}]
});});

Comments

[Сергей Сергей]

function testSlick( tries ) {
  setTimeout( function() {
    if( !tries ) {
      alert('очень плохо');
      return;
    }
    if( $ && $.fn.slick ) $('.gallery').slick(/*  */);
    else testSlick( tries - 1 );
  }, 2000 );
}

testSlick( 10 );