如何在 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 插件。相反,您应该查看资产管道 我明白了。谢谢。我只需要将&lt;asset:javascript src="jquery-2.2.0.min.js/&gt; 添加到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 数据库

Grails 3.0 和 Spring Security

如何在 Grails 中包含 jquery.js?

如何从 jQuery 发送数组并将其显示在 grails 控制器中?

Grails 3.0 公用文件夹

Groovy/grails 如何使用 jquery 从视图中调用控制器方法