天天看点

关于JQuery的$(document).ready()放的位置

今天我在项目中用了一下JQuery。

我们的页面是用 JSP+WebWork+部分<%%>代码

首先 ,我将 jquery.js和custom.js 的引用加到<head></head>中所有<script></script>之前。

可页面加载后,死活弹出脚本错误,说$("input") 没有定义。

$("input,select").focus(function(){

$(this).css({background:'#FF9900', border:"1px solid #f00",backgroundColor:'#FFFFEC'});

});

可是,input是我的输入文本框标签。既然整个文档都加载完成了,为什么提示没有到找呢?

后来我将jquery.js和custom.js放在</body>之前。靠,生效了,没有弹出错误了。而且文本框获得焦点也能改变颜色。

我的想法,放在<head></head>之间,难道是webwork里面有程序在执行,导致 dom 页面没有加载完成?

放在最后,就OK了?

请大家说说看吧!