如何在Grails 3.0中使用jQuery

Question

如何在Grails 3.0中使用jQuery

3

我试图在Grails 3.0应用程序中运行jQuery，我尝试在我的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呢？

- Justin Foley

1

那是一个Grails 2插件。没有Grails 3 jQuery插件。相反，您应该查看asset-pipeline。 - erichelgeson

1

我看到了，谢谢。我只需要将<asset:javascript src="jquery-2.2.0.min.js/>添加到main.gsp中。我以为它已经被拉进来了，因为在页面的源代码中显示已经有它了。 - Justin Foley

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ariesandes · Accepted Answer

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，这是你网页所需的资源。祝好。