用Modernizr加载函数

Question

我试图在我的网站上实现一个简单的jQuery滚动到顶部的功能。我只用jquery/script测试了代码，它可以工作，但是当我把代码移到现代的条件加载中时，它就崩溃了。

我看不到我需要用条件加载来设置什么来启动函数。

Modernizr.load([
{
    load: '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js',
    callback: function() {
        if (!window.jQuery) {
            Modernizr.load('../bower_components/jquery/dist/jquery.min.js');
        }
    },
    complete: function(){
        // External link for rel tags
        $('a[rel="external"]').attr('target', '_blank');

        // Scroll to top
        $(function(){
            $(document).on( 'scroll', function(){
                if ($(window).scrollTop() > 100) {
                    $('.scroll-top-wrapper').addClass('show');
                } else {
                    $('.scroll-top-wrapper').removeClass('show');
                }
            });

            $('.scroll-top-wrapper').on('click', scrollToTop);
        });

        function scrollToTop() {
            verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
            element = $('body');
            offset = element.offset();
            offsetTop = offset.top;
            $('html, body').animate({scrollTop: offsetTop}, 500, 'linear');
        }
    }
},

Answer 1

您需要将load url更改为：

load: 'https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'

目前无法通过您提供的cdn url调用jquery库。

为了帮助你理解cdn是如何工作的，试着把这两个url放到你的浏览器里。

https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js将看到jquery库

//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js将显示错误