Jquery defer：$未定义

Question

我正在尝试在jquery中初始化延迟函数，但在控制台中我读取与标题相同的行错误：

Jquery defer: $ is not defined

这里是页面末尾的脚本：

   <script defer> 
    var initSlider = function(){
        $('.c-carousel-elezioni').slick({
            dots: false,
            infinite: false,
            speed: 300,
            slidesToShow: 5,
            slidesToScroll: 1,
            autoplay: false,
            prevArrow: '<div class="slick-prev"><i class="fa fa-chevron-left"></i></div>',
            nextArrow: '<div class="slick-next"><i class="fa fa-chevron-right"></i></div>',
              responsive: [
                {
                  breakpoint: 1024,
                  settings: {
                    slidesToShow: 4,
                    slidesToScroll: 2,
                    infinite: true,
                    dots: true
                  }
                },
                {
                  breakpoint: 600,
                  settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2
                  }
                },
                {
                  breakpoint: 480,
                  settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                  }
                }
                // You can unslick at a given breakpoint now by adding:
                // settings: "unslick"
                // instead of a settings object
              ]                
        });
    }

    deferVideo(initSlider());
</script>    

Jquery在页面顶部定义：

<script type="text/javascript" src="../clientlibs_thirdparty/js/jquery-3.1.1.min.js" defer></script>

    <script>

if (typeof deferVideo === 'undefined'){
    var deferVideo = function(method) {  
        if (window.jQuery && $.skytg24) {
            method();
        } else {
            setTimeout(function() { deferVideo(method) }, 100);
        }
    }
}

</script>

所以我认为脚本本身就是一个相关的问题。

提前谢谢