yepnope.js資源回退無法正常工作

Question

我在yepnope的主頁上直接使用了代碼：

  yepnope([{
    load: 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js',
    complete: function() {
      console.log('made it');
      if(!window.jQuery) { yepnope('/js/jquery.1.5.2-min.js'); }
    }
  }]);

我今天一直在沒有上網工作，我注意到我的本地版本的jQuery沒有被加載。

由於我沒有連接到互聯網，我將在上面的示例中假設Google CDN版本無法加載，將調用complete函數來加載我的本地副本。 看起來complete沒有被調用，因為我沒有在控制台中看到“制造它”。

此外，我檢查了本地副本的路徑是正確的。

Answer 1

根據您的評論和問題更新編輯：

你必須等待它超時。 完整的功能不會立即觸發。 我剛剛下載了yepnope.js並運行了他們的demo / index.html，並在他們的yepnope調用下添加了以下代碼，在頁面底部加載jQuery：

yepnope({

  load     : "http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js",
  callback : function() { console.log("callback"); },
  complete : function() { console.log("complete"); }

});

顯然jQuery 1.6.2不會加載。 大約10-15秒后，在控制台中，“回調”和“完整”消息都顯示出來，所以我知道他們被解雇了。

Alernative：

如果您發現在線/離線開發只需要此功能，您可以嘗試Html5Boilerplate使用的內容，我已經使用了它：

<!-- Grab Google CDN's jQuery, with a protocol relative URL; 
     fall back to local if necessary -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" 
        type="text/javascript"></script>

<script type="text/javascript">
    window.jQuery || document.write('<script src="js/jquery-1.5.2.js">\x3C/script>')
</script>

這是我個人使用的：

    </form>

    <!-- Javascript at the bottom for fast page loading -->

    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript"> window.jQuery || document.write('<script src="js/jquery-1.5.2.js">\x3C/script>')</script>

    <!-- Grab Google CDN's jQuery UI, with a protocol relative URL; fall back to local if necessary -->
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js" type="text/javascript"></script>
    <script type="text/javascript"> $.ui || document.write('<script src="js/jquery-ui-1.8.4.custom.min.js">\x3C/script>')</script>

    <!-- Scripts concatenated and minified via ant build script-->
    <script src="js/plugins.js" type="text/javascript"></script>
    <script src="js/script.js" type="text/javascript"></script>
    <!-- End scripts -->

</body>
</html>