Как корректно на сайте подключать и инициализировать js скрипты?

Question

[Максим Воронков]

Добрый день. Подскажите пожалуйста как корректно подключить js скрипты:
На главной странице подключается слайдер:
<script src="/assets/js/slick.min.js"></script>
И так-же подключается на главной:
<script src="/assets/js/common.js"></script>
В common.js идет инициализация слайдера:

$('.sec-slide').slick({
    dots:true,
    autoplay:true,
    arrows:false,
  });

На главной все работает корректно, но когда переходим на внутренние страницы, в них идет ошибка, так как не подключен уже:
<script src="/assets/js/slick.min.js"></script>

Comments

[Александр Белькевич]

Ссылку в студию

[Максим Воронков]

Александр Белькевич: Какую ссылку?

[Сергей delphinpro]

так как не подключен уже:

НУ ТАК ПОДКЛЮЧИТЕ! Зачем тупить? )))

Answer 1

[iBird Rose]

if ( $('.sec-slide').length > 0 ) { 
$('.sec-slide').slick({
    dots:true,
    autoplay:true,
    arrows:false,
  });
}

или

if (jQuery.fn.slick) {
$('.sec-slide').slick({
    dots:true,
    autoplay:true,
    arrows:false,
  });
}

Answer 2

[Александр Белькевич]

Ну у вас ошибка, потому что как раз плагин не подключен

Answer 3

[Егор Живагин]

Так а чо нужно то?
Если у тебя слайдер только на главной, то уже подсказали простенькое условие. Если ты хочешь слайдер на других страницах - подключи скрипт