使用requireJs和Qtip

Question

這是我main.aspx

<%--RequireJS--%> 
<script data-main="coopjs/app" src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.js"></script> 

這是我app.js

requirejs.config({ 
    "app_name": "coop", 
    "baseUrl": "coopjs", 
    "paths": { 
     "jquery_ui" : "http://code.jquery.com/ui/1.10.2/jquery-ui", 
     "jquery": "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery", 
     "coopDragDrop": "../Scripts/coop/coopDragDrop", 
     "qTip2 ": "http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.2.0/jquery.qtip.min.js" 
    } 
}); 

這又是在我的main.aspx

(function() { 
      require(["qTip2"], function() { 
       alert('hi'); 
      }); 
     })(); 

它嘗試而不是在本地加載CDN的，引發錯誤

GET http://localhost:43122/coopjs/qTip2.js 404 (Not Found) 

任何想法？

Answer 1

有用於qTip在paths設置一個空間：

"qTip2 ": "http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.2.0/jquery.qtip.min.js" 

變化"qTip2 "到"qTip2"。你甚至可以刪除引號。你什麼時候使用 require與"qTip2 "不符。

還有一個問題。 RequireJS異步加載data-main指向的文件，因此不能保證在需要qTip2之前您的requirejs.config調用將會發生。所以這一段代碼進入你的coopjs/app.js文件，您的requirejs.config電話後：

require(["qTip2"], function() { 
    alert('hi'); 
});