2015-10-16 54 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