【问题标题】:JQuery doesn't work in production environmentJQuery 在生产环境中不起作用
【发布时间】:2013-06-19 11:09:53
【问题描述】:

在大约 3 个月的时间里,我学习了 Grails,并独自开发了我的第一个完整应用程序。我将它部署在Tomcat服务器(Tomcat6)上。为此,我首先使用 grails war,然后将 myApplic.war 放入 tomcat 的 webapps 目录中。该应用程序已正确部署,但在我的页面中,JQUery-UI 的自动完成功能目前不起作用(在开发中它运行良好)。我使用了 JQuery 和 JQuery-UI 插件(我在我的 BuildConfig.groovy 中添加了它们),当我显示我的页面的源代码时,我得到了类似的东西:

<script src="/CoiffureV2-0.1/static/plugins/jquery-1.8.3/js/jquery/jquery-1.8.3.min.js" type="text/javascript" ></script>
<link href="/CoiffureV2-0.1/static/plugins/jquery-ui-1.8.24/jquery-ui/themes/ui-lightness/jquery-ui-1.8.24.custom.css" type="text/css" rel="stylesheet" media="screen, projection" />
<script src="/CoiffureV2-0.1/static/plugins/jquery-ui-1.8.24/jquery-ui/js/jquery-ui-1.8.24.custom.min.js" type="text/javascript" ></script>
<link href="/CoiffureV2-0.1/static/plugins/twitter-bootstrap-2.3.2/less/bootstrap.less.css" type="text/css" media="screen, projection" rel="stylesheet" order="100" />

所以看来 JQuery 是正确包含的。我能做些什么来解决我的问题?有什么想法吗?

提前致谢,

最好的问候,

希图

【问题讨论】:

  • 首先,你可以使用 grails 资源插件。开发工具有什么错误吗?
  • 你有没有试过直接查询“/CoiffureV2-0.1/static/plugins/jquery-1.8.3/js/jquery/jquery-1.8.3.min.js”看jquery js文件存在吗?

标签: jquery grails


【解决方案1】:

如果您的项目中还没有资源程序,请安装它。然后,您有两个选择:

如果您的页面使用 main.gsp 之类的布局

如果您的 .gsp 页面在 &lt;head&gt; 中包含类似 &lt;meta name="layout" content="main"/&gt; 的内容,就会出现这种情况。

  1. 将以下内容添加到需要 JQuery 和 JQuery UI 的各个 .gsp 页面的 &lt;head&gt; 部分的开头:

    &lt;r:require modules="jquery,jquery-ui"/&gt;

  2. 然后,在&lt;/head&gt; 之前的main.gsp 添加:

    &lt;r:layoutResources/&gt;

  3. 然后在&lt;/body&gt; 之前main.gsp 添加:

    &lt;r:layoutResources/&gt;

  4. 删除旧的&lt;script&gt;&lt;link&gt; 标签。

或者,如果您没有布局:

  1. 将这个放在&lt;head&gt; 中需要JQuery 的.gsp 页面上:

    &lt;r:require modules="jquery,jquery-ui"/&gt;

    &lt;r:layoutResources/&gt;

  2. 把它放在&lt;/body&gt;之前

    &lt;r:layoutResources/&gt;

  3. 删除旧的&lt;script&gt;&lt;link&gt; 标签。

示例:http://pastebin.com/K0LU4sqG


资源插件文档:http://grails.org/plugin/resources

【讨论】:

  • 我会试试这个。我包含了我所有的自定义 JS: 。这是正确的吗 ?我把它放在
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-01
  • 1970-01-01
相关资源
最近更新 更多