2012-02-27 66 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