如何在 Grails 3.0 中使用 jQuery
Posted
技术标签:
【中文标题】如何在 Grails 3.0 中使用 jQuery【英文标题】:How to Use jQuery in Grails 3.0 【发布时间】:2016-07-02 17:19:45 【问题描述】:我试图弄清楚如何让 jQuery 在我的 Grails 3.0 应用程序中运行。我尝试在 build.gradle 中添加 jQuery 依赖项
runtime "org.grails.plugins:jquery:1.11.1"
当我这样做时,应用程序无法构建。我的 application.js 文件中没有更改任何内容,所以它仍然看起来像这样:
//= require jquery-2.2.0.min
//= require bootstrap
//= require_tree .
//= require_self
if (typeof jQuery !== 'undefined')
(function($)
$('#spinner').ajaxStart(function()
$(this).fadeIn();
).ajaxStop(function()
$(this).fadeOut();
);
)(jQuery);
在我的 gsp 页面中,我都尝试过:
<g:javascript>
$( document ).ready(function()
$( "#a" ).click(function( event )
alert( "Thanks for visiting!" );
);
);
</g:javascript>
和
<g:javascript library='jquery'>
(function($)
$( document ).ready(function()
$( "#a" ).click(function( event )
alert( "Thanks for visiting!" );
);
);
)(jQuery);
</g:javascript>
第一个导致错误指出“$”未定义,第二个导致错误表示未定义 jQuery。那么我应该如何在 gsp 页面中运行 jQuery 呢?
【问题讨论】:
这是一个 grails 2 插件。没有 grails 3 jquery 插件。相反,您应该查看资产管道 我明白了。谢谢。我只需要将<asset:javascript src="jquery-2.2.0.min.js/>
添加到main.gsp。我以为已经被拉进来了,因为在页面上的源中它说它就在那里。
【参考方案1】:
grails 3 带有 jquery。您必须像这样在您的 gsp 页面中进行设置:
<head>
<meta name="layout" content="main" />
<asset:javascript src="application.js"/>
<asset:stylesheet src="application.css"/>
<title></title>
</head>
“application.js”的资产为您的页面调用 JQuery。问候。
【讨论】:
以上是关于如何在 Grails 3.0 中使用 jQuery的主要内容,如果未能解决你的问题,请参考以下文章
如何将 Grails 3.0 连接到我的本地 Mysql 数据库