无法将 Spring Roo 与 JQuery 集成

Question

我有一个 Roo 生成的 web 应用程序，我正在尝试将 JQuery 放入其中（我知道 Roo 使用 Dojo，但我想我会尝试让 JQuery 工作，因为我对此比较熟悉）。

我正在做的事情

我从主题生成器获得了自定义版本的 JQuery-UI，将脚本（基本和 ui js 文件）和 CSS 文件复制到我的应用程序中。然后，我复制了您也获得的示例“index.html”文件，其中显示了一些小部件。

一切正常。

不起作用的东西（JQuery-UI）

当我尝试将它集成到我自己的页面中时，我的问题就开始了。我通过各种方法导入了所有三个文件（使用我下载的那些，还尝试了在线 CDN（google-apis））。我还添加了 JQuery.noConflict() 只是为了确保它与 Dojo 共存。

这行得通（基本的东西）

$(document).ready(function($) { 
    alert('JQuery is working'); 
});

...但是当我尝试使用 JQuery-UI 进行任何操作时，我一无所获。例如，

$("#accordion").accordion({ header: "h3" });

我在 Firefox 中得到了这个（在 Chrome 中也出现了类似的错误）

Error: $("#accordion").accordion is not a function

我检查了视图源以查看它为每三个脚本使用的 URL，并将每个脚本粘贴回我的浏览器以检查它们是否正确，例如不会被 Spring-security 或其他任何东西阻止。一切都好。

我还尝试制作自己的布局（使用图块），它完全绕过了 Roo 可能添加的任何 Dojo 内容，但仍然出现相同的错误。

还尝试将 JS/CSS 文件复制到 /src/main/resources/META-INF 下，直接在 webapp 文件夹（图像所在的位置）下，并相应地调整 URL。

我只能猜测这与我的页面由图块组成有关，这会阻止加载 JQuery-UI 脚本，因此它找不到手风琴功能（或任何其他功能） .

我在源代码中注意到，手风琴函数有一个“依赖”子句，其中列出了核心和小部件 js 文件。我是否也需要从某个地方手动获取这些？ （我注意到它们在 developer-bundle 中，但我提到的 index.html 文件在没有明确“导入”这些文件的情况下工作......

到目前为止，Roo 给我留下了深刻的印象，它为我节省了很多时间（尤其是在后端 Java 方面）。从它的设计方式来看，我知道 JQuery 是可能的（所有 Dojo 代码都整齐地放入 tagx 文件中，因此很容易换出），另外，我可以看到其他人已经让它工作了。所以这只是我做错了什么，但我无法弄清楚它是什么。

如果有人可以提供帮助，将不胜感激，谢谢！

Answer 1

@Richard 我在我的应用程序中同时使用 Dojo 和 jQuery。不过，我只使用 jQuery 进行 Atmosphere 集成，没有 UI。

我正在加载 jQuery： 将此添加到 load-scripts.tagx：

<!-- jQuery URL -->
<spring:url value="/resources/jQuery/jquery-1.6.4.js" var="jquery_url" />
<spring:url value="/resources/jQuery/jquery.atmosphere.js" var="jquery_atmosphere_url" />

我在第 14 行左右执行此操作。在文件的后面，我这样做：

<!-- jQuery scripts -->
<script type="text/javascript" src="${jquery_url}"><!-- required for FF3 and Opera --></script>
<script type="text/javascript" src="${jquery_atmosphere_url}"><!-- required for FF3 and Opera --></script>

我在第 42 行左右执行此操作。我还加载了 2 个自定义 Dojo 小部件，并且我使用的是 Dojo 1.7.1（来自 google-apis 的 CDN）而不是随附的 Dojo 1.6。所有这些都是我在 load-scripts.tagx 中完成的。