如何在Grails 3.0中使用jQuery

Jus*_*ley 2 jquery grails

我试图弄清楚如何在我的Grails 3.0应用程序中运行jQuery.我尝试在build.gradle中添加jQuery依赖项

runtime "org.grails.plugins:jquery:1.11.1"
Run Code Online (Sandbox Code Playgroud)

当我这样做时,应用程序无法构建.我没有更改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);
}
Run Code Online (Sandbox Code Playgroud)

在我的gsp页面里面,我尝试了两个:

<g:javascript>
          $( document ).ready(function() {

                $( "#a" ).click(function( event ) {

                     alert( "Thanks for visiting!" );

                 });

           });
</g:javascript>
Run Code Online (Sandbox Code Playgroud)

<g:javascript library='jquery'>
            (function($){
                $( document ).ready(function() {

                    $( "#a" ).click(function( event ) {

                        alert( "Thanks for visiting!" );

                    });

                });
            })(jQuery);
</g:javascript>
Run Code Online (Sandbox Code Playgroud)

第一个导致错误,指出'$'没有定义,第二个说jQuery没有定义.那么我该如何在gsp页面中运行jQuery呢?

小智 6

grails 3附带jquery.你必须在你的gsp页面中设置如下:

<head>
    <meta name="layout" content="main" />
    <asset:javascript src="application.js"/>
    <asset:stylesheet src="application.css"/>
    <title></title>
</head>
Run Code Online (Sandbox Code Playgroud)

"application.js"的资产为您的页面调用JQuery.问候.