如何在Play框架2.3.1中使用coffeescript?

时间:2014-07-20 14:22:37

标签: javascript coffeescript playframework-2.3

我正在关注“使用Scala使用Play框架”教程。我可以按照除最后一步之外的所有步骤来使用coffeescript和jquery。我可以看到生成的javascript文件,但在浏览器中,我看到了这个错误 “ReferenceError:$未定义”。 我是javascript和coffeescript的新手, 这是我的coffeescript代码:

main.coffee

这里是浏览器控制台中显示的javascript Generated Java Script

是否存在可能导致问题的语法问题?帮助赞赏。 如果缩进可能是导致失败的原因之一,我附上图像。

3 个答案:

答案 0 :(得分:0)

添加此行(取决于您的jQuery版本)

<script src="@routes.Assets.at("javascripts/jquery-1.11.2.js")" type="text/javascript"></script>

<head> </head>中的app/views/main.scala.html部分。

对我来说,这个模板正在为每个页面加载。但首先你需要下载jQuery并将其添加到你的javascripts文件夹中(在公共场合下)。

答案 1 :(得分:0)

在Play 2.3中:注意lib/jquery/jquery.js路径。 lib文件夹表示提取WebJar资产,jquery文件夹对应于WebJar artifactId,jquery.js表示WebJar根目录下的必需资产。

所以只需添加

<script type="text/javascript" src="@routes.Assets.versioned("lib/jquery/jquery.js")"></script>

<head> </head>中的app/views/main.scala.html部分。

答案 2 :(得分:-1)

基本的javascript,现在一切看起来都很清晰。

在index.scala.html中只包含一行jquery以包含jquery插件。