`

$(document).ready is not a function的问题

阅读更多

参照:http://blog.csdn.net/update_158/article/details/6409757

 

    下午完成了一个模块功能的开发,本来测试好的jquery表单验证怎么也出不来了。打开firebug,看到控制台里赫然提示:$(document).ready is not a function。感觉怪怪的,其它页面也
是写着 $(document).ready(function(){ 啊,怎么偏偏在这个页面出问题了呢。仔细想想,调试完成还是一两点的

事情。在这之后换过项目里使用的WEB编辑器,印象中好像导入了prototype的包,难道是它的问题。。。。。

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

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

只能上网搜搜了,果然在这里找到可以用"jQuery"来代替jquery的“$”操作符。吃一堑又长了一智,嘿嘿。
将js中的“$”全部替换成"jQuery",问题得以解决,哈哈!

 

形如:

 

			$(document).ready(function(){
				 var div_num=1;			
				 $(".info").each(function(){
					$(this).attr("id","info_"+div_num);
					$(this).hide();
					div_num++;
				  });
				for(var i=1;i<=3;i++){
					$("#info_"+i).show();
				}
				alert("welcome");
			});

改为:

			jQuery(document).ready(function(){
				 var div_num=1;			
				 jQuery(".info").each(function(){
					jQuery(this).attr("id","info_"+div_num);
					jQuery(this).hide();
					div_num++;
				  });
				for(var i=1;i<=3;i++){
					jQuery("#info_"+i).show();
				}
				alert("welcome");
			});

  

--

分享到:
评论

相关推荐

    解决eWebEditor无法预先赋值问题,setHTML()失效

    $(document).ready(function() { eWebEditor1.setHTML('&lt;%=content%&gt;'); }); ``` **3. 同步内容至`&lt;textarea&gt;`** 考虑到`&lt;textarea&gt;`和IFRAME之间的内容同步问题,可以在设置IFRAME内容的同时更新`&lt;textarea&gt;`的...

    解决jquery submit()提交表单提示:f[s] is not a function

    在使用jQuery进行网页开发时,有时会遇到这样一个问题:当你尝试使用`submit()`函数来提交表单时,浏览器会抛出一个错误:“f[s] is not a function”或“document.getElementByIdx_x(...).submit is not a function...

    Jquery表单验证(采用poshytip提示)

    $(document).ready(function() { $('#myForm').submit(function(e) { e.preventDefault(); var email = $('input[name="email"]').val(); if (!/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/.test(email)) { $('input...

    jquery.table2excel.js

    $(document).ready(function() { //导出excel $("#output").click(function(){ var myDate = new Date(); $("#example").table2excel({ exclude: ".noExl", name: "Excel Document Name.xlsx", filename: ...

    TypeError document.getElementById(…) is null错误原因

    如果你在项目中使用了jQuery库,可以利用`$(document).ready`或简写形式`$(function() {...})`来确保代码在DOM准备就绪时执行。 ```javascript $(document).ready(function() { // jQuery 代码放在这里 var $...

    jQuery Jcrop 实现图像裁剪实例

    $(document).ready(function() { $('#target').Jcrop({ aspectRatio: 1, // 可选,设定裁剪区域的宽高比 onSelect: updateCoords, // 当选择区域改变时触发的回调函数 onChange: updateCoords // 当选择区域移动...

    js报$ is not a function 的问题的解决方法

    在进行Web开发过程中,遇到“$ is not a function”的错误提示是十分常见的一个问题。在HTML页面中编写好的JavaScript代码,在迁移到JSP项目中运行时,经常会因为脚本加载顺序或依赖关系不当而报错。这个问题通常...

    提示$ is not defined错误分析及解决

    jQuery的核心函数是通过"$"符号来调用的,例如`$(document).ready()`或`$('selector').function()`。当 "$ is not defined" 错误出现时,这意味着在执行含有jQuery语法的代码之前,浏览器没有找到jQuery库。 错误的...

    JQUERY实例

    $(document).ready(function(){ $(".has_children").click(function(){ $(this).addClass("highlight") //为当前元素增加highlight类 .children("a").show().end() //将子节点的a元素显示出来并重新定位到上次...

    Jquery.addClass始终无效原因分析

    2. **DOM未加载**:确保在DOM完全加载后才执行`addClass()`,可以使用`$(document).ready()`或`$(function(){...})`来确保这一点。 3. **JavaScript错误**:在`addClass()`之前可能有其他JavaScript错误,导致代码...

    50个jquery

    6. **遍历与过滤(Traversing & Filtering)**:$.fn.next()、$.fn.prev()遍历元素,$.fn.first()、$.fn.last()选择首个或最后一个,$.fn.filter()和$.fn.not()进行过滤。 7. **属性操作(Attribute Handling)**:...

    formtojson:表单转json

    表单生成器 ... jQuery(document).ready(function($) { 'use strict'; $('textarea').formBuilder(); }); 去做 添加解析器以呈现不可编辑的表单。 为autocomplete字段添加回调。 自定义图标和样式

    jquery.qrcode生成二维码demo

    $(document).ready(function() { $("#qrcode").qrcode({ text: "你好,这是一个由 jQuery.qrcode 生成的二维码!", width: 256, height: 256 }); }); ``` 在这个例子中,当用户访问这个页面时,ID 为 ...

    实用Jquery代码

    $.preLoadImages = function() { var args_len = arguments.length; for (var i = args_len; i--;) { var cacheImage = document.createElement('img'); cacheImage.src = arguments[i]; cache.push...

    jQuery垂直手风琴列表展示代码.zip

    $(document).ready(function() { $('#accordion h3').click(function() { var $this = $(this); var $content = $this.next('.content'); // 移除所有其他内容的活动状态 $('#accordion .content').not($...

    jQuery 重复加载错误以及修复方法

    2. **延迟加载**:使用`$(document).ready()`或`$(window).load()`确保jQuery在DOM加载完成后才执行,避免在子页面加载前不必要的加载。 3. **条件加载**:检查当前页面是否已经存在jQuery,如果没有再加载。可以...

    toggle的使用

    $(document).ready(function(){ var s = $("#col"); s.toggle( function(){ s.text('第一个函数'); }, function(){ s.text('第二个函数'); } ); }); ``` 在这个例子中,当元素`#col`第一次被点击时,文本会...

    jquery图片轮换效果

    $(document).ready(function() { var $slider = $('#image-slider'); var $images = $slider.children('img'); var currentIndex = 0; $images.not(':first').hide(); $images.eq(0).addClass('active'); $...

    jQuery中closest()函数用法实例

    $(document).ready(function(){ $(".fatherp").closest("div").css("color","green"); }); ``` 在这个例子中,我们想要改变`class`为`father`的`div`元素内所有`class`为`p`的段落的字体颜色为绿色。由于`....

    jQuery制作全选CheckBox

    $(document).ready(function(){ // 定义“全选”CheckBox var $chkall = $('#chkall'); // 定义非全选CheckBox集合 var $chkarry = $('input[type="checkbox"]').not('#chkall'); // “全选”CheckBox的...

Global site tag (gtag.js) - Google Analytics