裝載的jQuery仍不時定義

Question

的dojoConfig是：

<script type="text/javascript"> 
    dojoConfig = { 
     async: true, 
     parseOnLoad: false, 
     packages: [ 
        { name: 'jquery', location: '//ajax.googleapis.com/ajax/libs/jquery/3.1.1', main: 'jquery.min' }, 
        { name: 'jqueryui', location: '//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1', main: 'jquery-ui.min' } 
     ] 
    };     
</script> 

我從谷歌加載：

下面將演示該問題：

<script type="text/javascript"> 
    define.amd.jQuery = true; 
    require(["jquery", "dojo/domReady!"], function (jquery) { 
     $(document).ready(function() { 
      console.log("First ready!"); //works 
     }); 
    }); 
    $(document).ready(function(){console.log("ready!");});//throws error 
</script> 

這似乎是一個計時問題，因爲Uncaught ReferenceError：$未定義，因此在「First ready！」之前寫入控制檯。寫出來。想要使用任何一個ready函數。任何想法如何解決它？如果沒有，那麼我們可以在dojo/ready函數中包裝所有根級別的$函數，儘管如此。

Answer 1

因爲jquery被正確加載並且cdn版本asfaik無法直接在您的dojoConfig中使用，所以您獲得$爲undefined。

爲了解決這個問題，簡單的方法是嘗試，包括從CDN添加腳本標記的jQuery在你的HTML <header>爲：

<header> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
</header> 

或者你可以嘗試加載jQuery的作爲非AMD模塊作爲道場文檔中描述的模塊：

https://dojotoolkit.org/documentation/tutorials/1.10/modules_advanced/

相反，如果你不使用CDN，你可以嘗試以下方法：

<!-- any external libraries configuration included in header --> 
    <!-- dojo config --> 
    <script> 
      var dojoConfig = { 
       baseUrl: "./", 
       async: true, 
       isDebug: true, 
       parseOnLoad: false, 
       packages: [ 
        {name: "dojo", location: "libs/dojo"}, 
        {name: "dijit", location: "libs/dijit"}, 
        {name: "dojox", location: "libs/dojox"}, 
        {name: "jquery", location: "libs/jquery", main: "jquery-3.1.1"}, 
        {name: "jqueryui", location: "libs/jquery", main: "jquery-ui-1.12.1"}, 
       ] 

      }; 
    </script>