为什么我的js文件加上$(document).ready(function()就失效了？

Question

我的js文件如下：
//$(document).ready(function() {var idvalue;
var jqueryObj;
var message_title;
var thisID;
function bodyonload(){var objs=document.getElementById("iproduct").getElementsByTagName("div");
for(var i=0;i<objs.length;i++)
{
 objs[i].id="d"+i;
 thisID = objs[i].id;
}        
}function getBlog(target) { var html = $(target).find('div').html();
message_title = html;//或者
//var html2 = $(target).children("div").html();//children("div")  //可用
//message_title = html2;//可用              $.ajax({  
                  url:"getblog",        
                  type: "POST",
                  dataType : "text",
                  data:{message_title:message_title}, 
                  timeout:6000,
                  error:function(x,e){  
                 // $("#error").html(x.responseText);   
                  },  
                  beforeSend:loading,
                  success:function(data){ 
                  //var json = eval(data); //eval("(" + data + ")");
                 // var userlist = $.parseJSON(data); 
                 // if(data.list[0].blogvo.title!=null&&data.list[0].blogvo.title!="")
                 // {alert(data.list[0].blogvo.title);}
                 // var data1=eval("("+data+")");//转换为json对象 
                 var arr = eval("("+data+")");//&&data.list[0].blogvo.title!=""
                 try{
                   var dis_message_title = $("#dis_message_title"); //用于显示的DIV的标签
                   var dis_message_id = $("#dis_message_id"); 
                   var dis_message_content = $("#dis_message_content"); 
                   
                   dis_message_id.html(arr[0].message_id);
                   dis_message_title.html(arr[0].title); 
                   dis_message_content.html(arr[0].content);
                   
                    }catch(e){
                    var bb=0;
                    }                  
                   
                  }  
                    
                });      
} function callback(data) { 
var resultObj = $("#result"); 
//alert("返回值"+data); 
resultObj.html(data);
}
function loading(){
     $("#dis_message_title").html('<div id="load" style="position:absolute; top:50%; left:50%;"><img src="images/ajax-loader.gif" /></div>');      
     };$("#link").hover (
            function (event) {
                $(event.target).css("font-size", "20px");
            },
            function (event) {
                $(event.target).css("font-size", "");
            }
        );
//});
------------------------------如果去掉//$(document).ready(function() { 的注释符号，和下面//});的注释符号，js函数就全失效了，这是为什么？

Answer 1

你的页面的事件有没添加这些function或者有没
$("#xxx").bind("click",xx()){}
之类的

Answer 2

写在$(document).ready(function(){  });之外，
说明只进行了定义和实现；写在内部表示调用，不被调用就等同于失效；

Answer 3

用了jQuery干嘛又混用dom啊，而且例如            
function loading() {
   $("#dis_message_title").html('<div id="load" style="position:absolute; top:50%; left:50%;"><img src="images/ajax-loader.gif" /></div>');
}
这个函数，如果是想通过单击（或别的）的事件调用的话，直接写成
   $("#id").click(function(){ $("#dis_message_title").html('<div id="load" style="position:absolute; top:50%; left:50%;"><img src="images/ajax-loader.gif" /></div>');
});
就行了，如果是直接调用
$("#dis_message_title").html('<div id="load" style="position:absolute; top:50%; left:50%;"><img src="images/ajax-loader.gif" /></div>');
就行了

Answer 4

你把这一段
$("#link").hover... 
放到$(document).ready(function(){ //放这里 });里面，其它都放外面，试试

Answer 5

你的js文件载入语句<script src="jsUrl.js"></script> 放在了该ready(function (){...}) 里的function 所调用的元素之前,把它换到</body>前面或文档的最后.

Answer 6

$(document).ready(function() {})  这种写法是页面中德写法
如果是写在js中  页面加载自动执行需用这种写法 $(function () {})