2011-05-03 120 views
-2

我有一段jQuery代碼爲這是工作在普通的HTML頁面,但在JSP頁面不能在這裏工作動畫不工作是我的代碼jQuery代碼在JSP頁面

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> 
<script src="http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js" type="text/javascript"></script> 
<script> 
    $('#totalCost1').stop().animate({ backgroundColor: '#ffe000' }, 250).animate({ backgroundColor: '#f0f0f0'}, 750); 
    $('#coop1').stop().animate({ backgroundColor: '#ffe000' }, 250).animate({ backgroundColor: '#f0f0f0'}, 750); 
    $('#outOfPocket1').stop().animate({ backgroundColor: '#ffe000' }, 250).animate({ backgroundColor: '#f0f0f0'}, 750); 
</script> 
+4

*不*工作是不是非常有幫助。不工作如何?錯誤?意外的結果? – alex 2011-05-03 12:21:23

+3

九個月* 24個其他問題*。有鑑於此,您現在應該可以對代碼進行格式化。 @alex爲你修正了第一個版本,但你最近的修改再次打破了它。查看問題編輯區域右側的方便**如何格式化**框,以及上面** [?] **中的[鏈接頁面](http://stackoverflow.com/editing-help)問題領域。 – 2011-05-03 12:29:29

回答

2

您的JS代碼必須在<script></script>標籤

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> 
<script src="http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js" type="text/javascript"> 
$('#totalCost1').stop().animate({ backgroundColor: '#ffe000' }, 250).animate({ backgroundColor: '#f0f0f0'}, 750); 
     $('#coop1').stop().animate({ backgroundColor: '#ffe000' }, 250).animate({ backgroundColor: '#f0f0f0'}, 750); 
     $('#outOfPocket1').stop().animate({ backgroundColor: '#ffe000' }, 250).animate({ backgroundColor: '#f0f0f0'}, 750);</script> 
+3

你不能像這樣在'script'元素中有'src' **和**內容。你必須有單獨的腳本元素:http://www.w3.org/TR/html5/scripting-1.html#script(這不僅僅是學術性的,它實際上不適用於某些主流瀏覽器。 )(除此之外,假設腳本事件不僅僅是問題中的錯誤,很好的捕獲。) – 2011-05-03 12:25:21

+0

對不起,忘了粘貼其餘代碼 – prakashkadakol 2011-05-03 12:26:11

+0

顯然,這只是一個錯誤,OP現在已經修復。 – 2011-05-03 12:36:22

2

下面應該工作。 如果您有jQuery腳本在:

/MyApp/WebContent/scripts/jquery-1.6.2.js

您需要任何JSP/FTL參考如下: 如果是JSP於:

/MyApp/WebContent/pages/user/listUsers.jsp

在JSP參閱樣式表作爲:

<link rel="stylesheet" type="text/css" href="/myapp/styles/myStyle.css"/> 

在JSP參考JQuery的是:

<script type="text/javascript" src="/myapp/scripts/jquery-1.6.2.js"></script>