Как запустить функцию jQuery только тогда, когда это необходимо?

Question

У меня возникла проблема, когда у меня на моем сайте есть отзывчивый слайдер, который был добавлен во внешний файл .js. Я сталкиваюсь с проблемой, когда мода не появляется на главной странице, потому что страница ищет слайдер, который включен только на несколько дополнительных страниц.

Chrome консоль показывает следующее сообщение об ошибке: Uncaught TypeError: undefined is not a function

Вот мой текущий код:

$('.my-carousel').slick({ 
    speed: 330, 
    slidesToShow: 4, 
}); 

Answer 1

Вы можете проверить, был ли загружен плагин таким образом (он проверяет, является ли данная функция JQuery существует):

if ($().slick) { 
// .. your code 
} 

или

if ($.fn.slick) { 
// .. your code 
} 

Answer 2

Вы можете использовать length, чтобы проверить, если он существует, например:

if ($('.my-element').length) { //do stuff }

Answer 3

if($('.my-carousel').length){ 
    $('.my-carousel').slick({ 
     speed: 330, 
     slidesToShow: 4, 
    }); 
} 

Answer 4

Вы можете просто проверить, если карусель существует перед вызовом функции, как так:

var myCarousel = $('.my-carousel'); 
if (typeof myCarousel.slick !== 'undefined') { 
    myCarousel.slick({speed: 330, slidesToShow: 4}); 
}