2015-10-16 24 views
1

當1.10.0版本的coffee-script.min.js鏈接時,CoffeeScript代碼不起作用。來自CDN 1.4.0以上的CoffeeScript無法調用JavaScript函數

<!DOCTYPE html> 
<html lang="en"> 
<head> <meta charset='utf-8'> </head> 
<body> 
<div id="myDiv">Content</div> 
</body> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js" > </script> 
<!-- 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/coffee-script/1.4.0/coffee-script.min.js" > </script> 
--> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/coffee-script/1.10.0/coffee-script.min.js" > </script> 
<script type="text/coffeescript" > 
$("#myDiv").text "New Content" 
alert "Hello world" 
</script> 
</html> 

最新工作 CDN咖啡script.min.js是1.4.0。問題是什麼?

回答

1

我認爲,託管在CDN中的那些腳本不適用於瀏覽器。 我試過你的代碼,正如你所說的那樣,它沒有工作,並且有下面的控制檯日誌。

Uncaught ReferenceError: require is not defined 

require是CommonJS的的規格,它不是在瀏覽器的默認實現。

如果您不想編譯並使其工作容易,下面的代碼是可用的。

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 
    <meta charset='utf-8'> 
 
</head> 
 

 
<body> 
 
    <div id="myDiv">Content</div> 
 
</body> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"> 
 
</script> 
 
<script type="text/javascript" src="http://coffeescript.org/extras/coffee-script.js"></script> 
 
<script type="text/coffeescript"> 
 
    $("#myDiv").text "New Content" 
 
    alert "Hello world" 
 
</script> 
 

 
</html>

這種方式在官方網站推出。 http://coffeescript.org/

雖然不推薦它嚴重的使用,CoffeeScripts可以直接使用標籤瀏覽器內包含在內。源代碼包括一個壓縮和縮小版本的編譯器(下載當前版本,39k,當gzipped時)作爲extras/coffee-script.js。將此文件包含在帶有inline CoffeeScript標籤的頁面中,並按順序編譯和評估它們。

+0

,回答我的問題。 – user5454405