Question

我正在尝试在我的网站上使用简单的jQuery滚动到顶部功能。我只使用jquery / script测试了代码，但是当我将代码移动到Modernizr的条件加载时，它会中断。

我无法看到我需要设置条件加载来启动该功能。

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网址更改为：

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

目前，它无法从您提供的cdn网址调用jquery库。

为了帮助您了解cdn的工作方式，请尝试将这些网址添加到您的浏览器中。

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将显示错误

使用Modernizr加载函数

1 个答案: