参照: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"); });
--
相关推荐
$(document).ready(function() { eWebEditor1.setHTML('<%=content%>'); }); ``` **3. 同步内容至`<textarea>`** 考虑到`<textarea>`和IFRAME之间的内容同步问题,可以在设置IFRAME内容的同时更新`<textarea>`的...
在使用jQuery进行网页开发时,有时会遇到这样一个问题:当你尝试使用`submit()`函数来提交表单时,浏览器会抛出一个错误:“f[s] is not a function”或“document.getElementByIdx_x(...).submit is not a function...
$(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...
$(document).ready(function() { //导出excel $("#output").click(function(){ var myDate = new Date(); $("#example").table2excel({ exclude: ".noExl", name: "Excel Document Name.xlsx", filename: ...
如果你在项目中使用了jQuery库,可以利用`$(document).ready`或简写形式`$(function() {...})`来确保代码在DOM准备就绪时执行。 ```javascript $(document).ready(function() { // jQuery 代码放在这里 var $...
$(document).ready(function() { $('#target').Jcrop({ aspectRatio: 1, // 可选,设定裁剪区域的宽高比 onSelect: updateCoords, // 当选择区域改变时触发的回调函数 onChange: updateCoords // 当选择区域移动...
在进行Web开发过程中,遇到“$ is not a function”的错误提示是十分常见的一个问题。在HTML页面中编写好的JavaScript代码,在迁移到JSP项目中运行时,经常会因为脚本加载顺序或依赖关系不当而报错。这个问题通常...
jQuery的核心函数是通过"$"符号来调用的,例如`$(document).ready()`或`$('selector').function()`。当 "$ is not defined" 错误出现时,这意味着在执行含有jQuery语法的代码之前,浏览器没有找到jQuery库。 错误的...
$(document).ready(function(){ $(".has_children").click(function(){ $(this).addClass("highlight") //为当前元素增加highlight类 .children("a").show().end() //将子节点的a元素显示出来并重新定位到上次...
B.addEventListener(C,A._ieEmuEventHandler,$)}else B.attachEvent(_,A)}function L(A,$,_){if(A.removeEventListener){var B=$.replace(/on/,"");_._ieEmuEventHandler=function($){return _($)};A....
6. **遍历与过滤(Traversing & Filtering)**:$.fn.next()、$.fn.prev()遍历元素,$.fn.first()、$.fn.last()选择首个或最后一个,$.fn.filter()和$.fn.not()进行过滤。 7. **属性操作(Attribute Handling)**:...
2. **DOM未加载**:确保在DOM完全加载后才执行`addClass()`,可以使用`$(document).ready()`或`$(function(){...})`来确保这一点。 3. **JavaScript错误**:在`addClass()`之前可能有其他JavaScript错误,导致代码...
表单生成器 ... jQuery(document).ready(function($) { 'use strict'; $('textarea').formBuilder(); }); 去做 添加解析器以呈现不可编辑的表单。 为autocomplete字段添加回调。 自定义图标和样式
$(document).ready(function() { $("#qrcode").qrcode({ text: "你好,这是一个由 jQuery.qrcode 生成的二维码!", width: 256, height: 256 }); }); ``` 在这个例子中,当用户访问这个页面时,ID 为 ...
$.preLoadImages = function() { var args_len = arguments.length; for (var i = args_len; i--;) { var cacheImage = document.createElement('img'); cacheImage.src = arguments[i]; cache.push...
$(document).ready(function() { $('#accordion h3').click(function() { var $this = $(this); var $content = $this.next('.content'); // 移除所有其他内容的活动状态 $('#accordion .content').not($...
2. **延迟加载**:使用`$(document).ready()`或`$(window).load()`确保jQuery在DOM加载完成后才执行,避免在子页面加载前不必要的加载。 3. **条件加载**:检查当前页面是否已经存在jQuery,如果没有再加载。可以...
$(document).ready(function(){ var s = $("#col"); s.toggle( function(){ s.text('第一个函数'); }, function(){ s.text('第二个函数'); } ); }); ``` 在这个例子中,当元素`#col`第一次被点击时,文本会...
$(document).ready(function() { var $slider = $('#image-slider'); var $images = $slider.children('img'); var currentIndex = 0; $images.not(':first').hide(); $images.eq(0).addClass('active'); $...
$(document).ready(function(){ $(".fatherp").closest("div").css("color","green"); }); ``` 在这个例子中,我们想要改变`class`为`father`的`div`元素内所有`class`为`p`的段落的字体颜色为绿色。由于`....