2012-02-27 32 views
1

我有一个工作的Spring Roo webapp,但它没有任何jQuery。Jquery messes布局的网页

现在我想添加一些Ajax功能,于是我下载了jQuery的js文件,和我的“头”我的布局文件中类似这样的节中包含它:

<script type="text/javascript" src="/MyApp/js/jquery-1.7.1.js"></script> 

现在,当我加载应用程序了,我所有的资源都消失了(图片等)。主要网页一切正常,但它们看起来非常基本,因为图像/样式等已经消失。

我在添加“脚本”元素之前和之后采取了生成的HTML页面的“查看源代码”,并且它们是相同的(根据WinMerge)。 FireFox的错误控制台也没有错误。

我做错了什么?

感谢

+3

你有其他JS框架在你的页面中,如mootools或scriptaculous?可能会有冲突。 – 2012-02-27 14:59:53

+0

是的,我有道场。我在尼古拉的回答下添加了更多评论 - 谢谢。 – Richard 2012-02-28 10:48:58

回答

2

你应该尝试使用noConflict()

<script type="text/javascript" src="/MyApp/js/jquery-1.7.1.js"></script> 
$.noConflict(); 
//use only jQuery instead of $ from here 

,如果你的网站工作这样做,你可能已经安装了另一个框架后确定,这是与jQuery冲突的

+0

优秀的小费,谢谢。我把它放在里面(在它自己的scrip标签中,否则就和代码示例中一样),它都可以工作。我知道Roo使用dijit/dojo(不管它叫什么...),所以你必须说出一些冲突。如果我弄清楚它是什么,我会发布它。干杯 – Richard 2012-02-27 16:12:40

+0

这个(http://forum.springsource.org/showthread.php?84064-jQuery-support-for-Roo)是Roo对JQuery/Dojo情况的一个很好的描述。我认为现在我会坚持使用Dojo,因为它配置了OOB,而且它们都很好,所以使用哪一个并不重要。 – Richard 2012-02-27 16:48:00