使用Modernizr加載函數加載

我想在我的網站上實現一個簡單的jQuery滾動功能。我用jquery /腳本測試了代碼，它可以工作，但是當我將代碼移動到Modernizr的條件加載時，它會中斷。使用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'); 
     } 
    } 
},

來源

2015-05-10 user2852784

讓我知道如果下面的代碼工作。在閱讀完modernizr文檔後，我認爲它應該@ user2852784 –

對不起@PaulFitzgerald下面沒有代碼？ – user2852784

我刪除它，因爲我覺得你說的它仍然沒有工作 –

您需要將load網址更改爲：

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

目前，它是不是能夠從您提供的CDN URL調用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會顯示錯誤

來源

2015-05-10 17:27:01

感謝這個，我所做的更改，但仍然有功能不能正常工作的問題。在控制檯做了檢查，jquery加載好了，我的其他jquery用於外部鏈接觸發器 – user2852784

使用Modernizr加載函數加載

回答

相關問題