我有一个使用grails create-app创建的Grails 2.0.0项目。在我的HTML和GSP文件中,我试图包含jquery.js。我已经尝试过以下所有成功:
<script type="text/javascript" src="jquery/jquery-1.7.1.js"></script> <script type="text/javascript" src="jquery/jquery.js"></script> <g:javascript library="jquery"/>
前两个< script>标签的结果是404 Not Found(通过Firebug验证)。 < g:javascript>标签没有包含任何内容(使用视图源验证)。
在我的Grails应用程序的主页上,表示安装了jquery 1.7.1(在“INSTALLED PLUGINS”下)。
Grails中包含jquery .js文件的正确方法是什么?
后续:.GSP文件:
<%@ page contentType="text/html;charset=UTF-8" %> <html> <head> <title>Test</title> <g:javascript library="jquery/jquery"/> </head> <body> <h1>Test</h1> </body> </html>
结果在以下HTML源码:
<html> <head> <title>Test</title> </head> <body> <h1>Test</h1> </body> </html>
注意缺少jquery.js被包括在内。
后续行动2:
我正在使用grails create-app创建我的应用程序:
13:56:40 ~/grailsDev $ grails create-app helloworld | Created Grails Application at /Users/steve/grailsDev/helloworld 13:56:57 ~/grailsDev $ cd helloworld/ 13:57:06 ~/grailsDev/helloworld $ ls -al web-app/js total 8 drwxr-xr-x 3 steve staff 102 Jan 21 13:56 . drwxr-xr-x 7 steve staff 238 Dec 15 08:04 .. -rw-r--r-- 1 steve staff 183 Dec 14 22:56 application.js 13:57:23 ~/grailsDev/helloworld $ grails -version Grails version: 2.0.0
解决方法
显然< r:layoutResources />需要包含在< head> (< q:javascript library ='jquery'/>之后)。以下实际工作原理:
<%@ page contentType="text/html;charset=UTF-8" %> <html> <head> <title>Simple GSP page</title> <g:javascript library='jquery' /> <r:layoutResources/> </head> <body> Place your content here </body> </html>