Question

我有一段动画的jquery代码，它在纯HTML页面中工作但在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>

Answer 1

您的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>

Answer 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>

Jquery代码在JSP页面中不起作用

2 个答案: