JAVA学习(六)__$(document).ready is not a function的问题

最新推荐文章于 2021-04-22 16:11:03 发布

笑语戏人生

最新推荐文章于 2021-04-22 16:11:03 发布

阅读量3.5k

点赞数 1

分类专栏： js技术备份

js技术备份专栏收录该内容

5 篇文章

订阅专栏

本文介绍了在一个项目中遇到的jQuery与Prototype框架之间的冲突问题，并详细记录了从发现问题到解决问题的过程。此外，还提供了三种不同的jQuery页面加载初始化方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下午完成了一个模块功能的开发，本来测试好的jquery表单验证怎么也出不来了。打开firebug，看到控制台里赫然提示：$(document).ready is not a function。感觉怪怪的，其它页面也
是写着 $(document).ready(function(){ 啊，怎么偏偏在这个页面出问题了呢。仔细想想，调试完成还是一两点的事情。在这之后换过项目里使用的WEB编辑器，印象中好像导入了prototype的包，难道是它的问题。。。。。

哈哈，终于发现一条重要线索：我曾经也看过一点儿prototype的资料，记得它也是用"$"操作符代替

“document.getElementByIdx_x”操作，很有可能是它们冲突了。问题发现了，可是怎么解决呢？俺对jquery不太熟，

只能上网搜搜了，果然在这里找到可以用"jQuery"来代替jquery的“$”操作符。吃一堑又长了一智，嘿嘿。

将js中的“$”全部替换成"jQuery"，问题得以解决，哈哈！

jQuery 页面加载初始化的方法有3种，页面在加载的时候都会执行脚本，应该没什么区别，主要看习惯吧，本人觉得第二种方法最好，比较简洁。

第一种：

[javascript]view plaincopy 
    
 $(document).ready(function(){  
      alert("第一种方法。");   
 });  

第二种：

[javascript]view plaincopy 
    
 $(function(){  
     alert("第二种方法。");  
 });  

第三种：

[javascript]view plaincopy 
    
 jQuery(function($) {  
     alert("第三种方法。");  
 });  

ps;不用jquery，在页面初始化的方法，

1.在body里面写onload

2.在脚本里面写

[javascript]view plaincopy 
    
 window.οnlοad=function(){  
     //要初始化的东西  
 }  

由于jquery使用$符号，这样和有些组件，例如dwr就有冲突，为了解决这个问题，可以使用

[javascript]view plaincopy 
    
 var j = jQuery.noConflict();    

这样就用“j”来替换了$。