Код JQuery работает на одной странице и не работает на другой странице

Belial спросил: 26 декабря 2017 в 07:44 в: jquery

У меня есть один файл с кодом jquery, я подключаю его к двум различным страницам, потому что одна часть кода для одной страницы, вторая для другой. Но код для второй страницы не работает, и jquery выдает ошибку в коде для первой страницы. Но на первой странице с одним и тем же кодом нет ошибок. Ошибка на второй странице:

Uncaught TypeError: $(...).slick is not a function
    at runSlick (script.js:15)
    at HTMLDocument.<anonymous> (script.js:19)
    at mightThrow (jquery-3.2.1.js:3583)
    at process (jquery-3.2.1.js:3651)

jquery:

$(document).ready(function () {    //CODE FOR THE FIRST PAGE
    //Main Slider
    var maxWidth = 992,
        slickVar = {
            dots: true,
            responsive: [
                {
                    breakpoint: maxWidth,
                    settings: 'unslick'
                }
            ]
        },
        runSlick = function() {
            $('.sl').slick(slickVar);
        };// slick initialization while document ready
    runSlick();// listen to jQuery's window resize
    $(window).on('resize', function(){
        var width = $(window).width();
        if(width < maxWidth) {
            // reinit slick while window's width is less than maximum width (992px)
            runSlick();
        }
    }).resize();    //hide slider elements if window's width is less than maximum width (992px)
    $(window).on('resize', function(){
    if ($(this).width() < maxWidth) {
        $('.hidden').addClass('d-none');
    } else {
        $('.hidden').removeClass('d-none');
    }
}).resize();    //Slider in clients section
    $('.sl-2').slick({
        infinite: true,
        slidesToShow: 7,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 1500,
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 3,
                    infinite: true,
                    autoplay: true,
                    autoplaySpeed: 1500
                }
            },
            {
                breakpoint: 600,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    autoplay: true,
                    autoplaySpeed: 1500
                }
            }
        ]    });    //show image on hover over features-list element
    $('.features-list li>.feature-top').hover(
        function() {
            $(this).find('.top-wrapper').addClass('d-none');
            $(this).css({
                'padding': '0',
                'background-color': '#f5f5f5'
            });
            $(this).find('.hover-content').fadeIn('slow');
        },
        function() {
            $(this).find('.top-wrapper').removeClass('d-none');
            $(this).css({
                'padding': '20px 0',
                'background-color': '#ffea00'
            });
            $(this).find('.hover-content').fadeOut(50);
        }
    );    //Isotope in works section
     $('.grid').isotope({
        // main isotope options
        itemSelector: '.grid-item',
        masonry: {
            columnWidth: 15,
            isFitWidth: true
        }
    });
//END OF CODE FOR THE FIRST PAGE//CODE FOR THE SECOND PAGE
        $(".portfolio-menu-link").click(function () {
            $(".portfolio-menu-link").removeClass("active-portfolio-link");
            $(this).addClass("active-portfolio-link");
        });
});

0 ответов