Javascript Niceform js与Grails 1.3.7

Javascript Niceform js与Grails 1.3.7,javascript,css,grails,gsp,Javascript,Css,Grails,Gsp,我将使用niceformcss的设计(http://www.emblematiq.com/lab/niceforms/demo/v20/niceforms.html) ... 在我的web应用程序中。目前我正在使用Grails1.3.7 我发现niceform.js中有一个变量:var imagesPath=“../css/img/” 似乎我需要在其中给出正确的路径,您知道如何使用grails修改该路径吗?我希望能够使用动态链接,这样它就可以:var imagesPath=“${grailsPa

我将使用niceformcss的设计(http://www.emblematiq.com/lab/niceforms/demo/v20/niceforms.html) ... 在我的web应用程序中。目前我正在使用Grails1.3.7

我发现niceform.js中有一个变量:var imagesPath=“../css/img/”

似乎我需要在其中给出正确的路径,您知道如何使用grails修改该路径吗?我希望能够使用动态链接,这样它就可以:var imagesPath=“${grailsPath}/css/img/”

我的想法:

  • 将niceform.js放入您的项目并自定义它(并重命名为niceform.custom.js)
  • 将niceform.js所需的资源放在imagesPath中
  • 定义全局js变量imagesPath并在js文件中使用它(请参阅javascript中的名称空间)

  • 尝试这样的资源:${resource(dir:'css',file:'main.css')}

    就我个人而言,我会将图像放入Grails'imagesdir下的niceform目录中。然后将.js代码放入GSP模板中

    <g:javascript>
      var imagesPath = "${resource(dir:'images/niceform')";
    
      // rest of JS code here
    </g:javascript>
    
    
    var imagesPath=“${resource(dir:'images/niceform')”;
    //这里是JS代码的其余部分
    
    假设此模板名为“\u foo.gsp”,请使用
    ,否则会包含.js文件

    更新 如果您正在使用新的资源插件(您应该这样做),请改用此插件:

    <r:script>
      var imagesPath = "${resource(dir:'images/niceform')";
    
      // rest of JS code here
    </r:script>
    
    
    var imagesPath=“${resource(dir:'images/niceform')”;
    //这里是JS代码的其余部分