天天看點

關于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了?

請大家說說看吧!