jquery报错： '$.DATA(...).SETTINGS' 为空或不是对象

最新推荐文章于 2021-10-25 14:13:34 发布
最新推荐文章于 2021-10-25 14:13:34 发布
阅读量136 收藏
点赞数
分类专栏： Dev Error 文章标签： jQuery ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wuaner/article/details/83918668
版权
How to perform function after Jquery (window).load is complete：
[url]http://stackoverflow.com/questions/5416209/how-to-perform-function-after-jquery-window-load-is-complete[/url][quote] 
$(window).load( function() {
        //do something    
    });
[/quote]


关于[b]$(document).ready 和 $(window).load 的区别：[/b]
[url]http://wuaner.iteye.com/admin/blogs/319769[/url]


下列代码会报该js错误： 
$(document).ready(function() {

	$.validator.methods.atLeastOneChannel = function(value, element, param) {
		var n = 0;
		$("select").each(function (i) {
	        if (this.id == "fidsDispTempdataList.channelid" && this.value != "") {
		      	///alert(this.id + "    " + this.value);
		      	n+=1;
		     }
	     });
		return n >= 1;
	};


	$.validator.addClassRules("intClass", {
		digits:true
	});


	$("select").change(function () {
		if($(this).attr("id") == "fidsDispTempdataList.channelid") {
			///alert($(this).val());
			var curStartNumNode = $(this).parent().next().next().children().get(0);
			//var curPerPageNumNode = $(this).parent().next().next().next().next().children().get(0);
			//var curPagesNode = $(this).parent().next().next().next().next().next().next().children().get(0);
			var curPagesNode = $(this).parent().next().next().next().next().children().get(0);
			if($(this).val() == "") {
				$(curStartNumNode).rules("remove");
				//$(curPerPageNumNode).rules("remove");
				$(curPagesNode).rules("remove");
			} else {
				$(curStartNumNode).rules("add", {required: true});
				//$(curPerPageNumNode).rules("add", {required: true});
				$(curPagesNode).rules("add", {required: true});
			}
		}
	});


	//在遍历页面select时出的错
	$('select').each(
	   	function(){
	      	if($(this).attr("id")=="fidsDispTempdataList.channelid" && $(this).val()!="") {
		      	///alert($(this).val());
		      	var curStartNumNode = $(this).parent().next().next().children().get(0);
				//var curPerPageNumNode = $(this).parent().next().next().next().next().children().get(0);
				//var curPagesNode = $(this).parent().next().next().next().next().next().next().children().get(0);
				var curPagesNode = $(this).parent().next().next().next().next().children().get(0);
				try { 
					$(curStartNumNode).rules("add", {required: true});
					$(curPagesNode).rules("add", {required: true});
				} catch( error ) { 
					alert(error.message);
				}
		    }
	});


	$("#templateForm").validate({
		rules: {
			"fidsDispTemplate.code": {
				required: true
			},
			"fidsDispTemplate.name": {
				required: true
			},
			"fidsDispTemplate.mainPage": {
				required: true
			},
			"channelSpan" : {
				atLeastOneChannel : true
			}
		},
		messages: {
			"fidsDispTemplate.code": {
				required: "<s:text name='template.validation.code.required'/>"
			},
			"fidsDispTemplate.name": {
				required: "<s:text name='template.validation.name.required'/>"
			},
			"fidsDispTemplate.mainPage": {
				required: "<s:text name='template.validation.mainPage.required'/>"
			},
			"channelSpan" : {
				atLeastOneChannel : "<s:text name='template.validation.atLeastOneChannel'/>"
			}
		},
		errorPlacement: function(error, element) {
			///alert(element.attr("className"));
	     	if (element.attr("className") == "intClass error") {
		     	///error.insertBefore(element);
		     	return true;
	     	} else {
	       		error.insertAfter(element);
			}
		}
	});

});


经研究发现，是页面dom元素加载顺序导致的该问题。解决办法两个：
一 将遍历select元素并对其做操作的出错代码 $('select').each()放至$("#templateForm").validate()之后（即$(document).ready()的最后面）： 
$(document).ready(function() {

	$.validator.methods.atLeastOneChannel = function(value, element, param) {
		var n = 0;
		$("select").each(function (i) {
	        if (this.id == "fidsDispTempdataList.channelid" && this.value != "") {
		      	///alert(this.id + "    " + this.value);
		      	n+=1;
		     }
	     });
		return n >= 1;
	};


	$.validator.addClassRules("intClass", {
		digits:true
	});


	$("select").change(function () {
		if($(this).attr("id") == "fidsDispTempdataList.channelid") {
			///alert($(this).val());
			var curStartNumNode = $(this).parent().next().next().children().get(0);
			//var curPerPageNumNode = $(this).parent().next().next().next().next().children().get(0);
			//var curPagesNode = $(this).parent().next().next().next().next().next().next().children().get(0);
			var curPagesNode = $(this).parent().next().next().next().next().children().get(0);
			if($(this).val() == "") {
				$(curStartNumNode).rules("remove");
				//$(curPerPageNumNode).rules("remove");
				$(curPagesNode).rules("remove");
			} else {
				$(curStartNumNode).rules("add", {required: true});
				//$(curPerPageNumNode).rules("add", {required: true});
				$(curPagesNode).rules("add", {required: true});
			}
		}
	});


	$("#templateForm").validate({
		rules: {
			"fidsDispTemplate.code": {
				required: true
			},
			"fidsDispTemplate.name": {
				required: true
			},
			"fidsDispTemplate.mainPage": {
				required: true
			},
			"channelSpan" : {
				atLeastOneChannel : true
			}
		},
		messages: {
			"fidsDispTemplate.code": {
				required: "<s:text name='template.validation.code.required'/>"
			},
			"fidsDispTemplate.name": {
				required: "<s:text name='template.validation.name.required'/>"
			},
			"fidsDispTemplate.mainPage": {
				required: "<s:text name='template.validation.mainPage.required'/>"
			},
			"channelSpan" : {
				atLeastOneChannel : "<s:text name='template.validation.atLeastOneChannel'/>"
			}
		},
		errorPlacement: function(error, element) {
			///alert(element.attr("className"));
	     	if (element.attr("className") == "intClass error") {
		     	///error.insertBefore(element);
		     	return true;
	     	} else {
	       		error.insertAfter(element);
			}
		}
	});


	//将该段遍历页面select的出错代码移至ready()方法的最后，错误不再出现
	$('select').each(
	   	function(){
	      	if($(this).attr("id")=="fidsDispTempdataList.channelid" && $(this).val()!="") {
		      	///alert($(this).val());
		      	var curStartNumNode = $(this).parent().next().next().children().get(0);
				//var curPerPageNumNode = $(this).parent().next().next().next().next().children().get(0);
				//var curPagesNode = $(this).parent().next().next().next().next().next().next().children().get(0);
				var curPagesNode = $(this).parent().next().next().next().next().children().get(0);
				try { 
					$(curStartNumNode).rules("add", {required: true});
					$(curPagesNode).rules("add", {required: true});
				} catch( error ) { 
					alert(error.message);
				}
		    }
	});
});



二 将将遍历select元素并对其做操作的出错代码从$(document).ready()中抽出来，放到$(document).ready()下面的$(window).load()中： 
$(document).ready(function() {

	$.validator.methods.atLeastOneChannel = function(value, element, param) {
		var n = 0;
		$("select").each(function (i) {
	        if (this.id == "fidsDispTempdataList.channelid" && this.value != "") {
		      	///alert(this.id + "    " + this.value);
		      	n+=1;
		     }
	     });
		return n >= 1;
	};


	$.validator.addClassRules("intClass", {
		digits:true
	});


	$("select").change(function () {
		if($(this).attr("id") == "fidsDispTempdataList.channelid") {
			///alert($(this).val());
			var curStartNumNode = $(this).parent().next().next().children().get(0);
			//var curPerPageNumNode = $(this).parent().next().next().next().next().children().get(0);
			//var curPagesNode = $(this).parent().next().next().next().next().next().next().children().get(0);
			var curPagesNode = $(this).parent().next().next().next().next().children().get(0);
			if($(this).val() == "") {
				$(curStartNumNode).rules("remove");
				//$(curPerPageNumNode).rules("remove");
				$(curPagesNode).rules("remove");
			} else {
				$(curStartNumNode).rules("add", {required: true});
				//$(curPerPageNumNode).rules("add", {required: true});
				$(curPagesNode).rules("add", {required: true});
			}
		}
	});


	$("#templateForm").validate({
		rules: {
			"fidsDispTemplate.code": {
				required: true
			},
			"fidsDispTemplate.name": {
				required: true
			},
			"fidsDispTemplate.mainPage": {
				required: true
			},
			"channelSpan" : {
				atLeastOneChannel : true
			}
		},
		messages: {
			"fidsDispTemplate.code": {
				required: "<s:text name='template.validation.code.required'/>"
			},
			"fidsDispTemplate.name": {
				required: "<s:text name='template.validation.name.required'/>"
			},
			"fidsDispTemplate.mainPage": {
				required: "<s:text name='template.validation.mainPage.required'/>"
			},
			"channelSpan" : {
				atLeastOneChannel : "<s:text name='template.validation.atLeastOneChannel'/>"
			}
		},
		errorPlacement: function(error, element) {
			///alert(element.attr("className"));
	     	if (element.attr("className") == "intClass error") {
		     	///error.insertBefore(element);
		     	return true;
	     	} else {
	       		error.insertAfter(element);
			}
		}
	});
}); //the end of $(document).ready()


$(window).load( function() {
	$('select').each(
	   	function(){
	      	if($(this).attr("id")=="fidsDispTempdataList.channelid" && $(this).val()!="") {
		      	///alert($(this).val());
		      	var curStartNumNode = $(this).parent().next().next().children().get(0);
				//var curPerPageNumNode = $(this).parent().next().next().next().next().children().get(0);
				//var curPagesNode = $(this).parent().next().next().next().next().next().next().children().get(0);
				var curPagesNode = $(this).parent().next().next().next().next().children().get(0);
				try { 
					$(curStartNumNode).rules("add", {required: true});
					$(curPagesNode).rules("add", {required: true});
				} catch( error ) { 
					alert(error.message);
				}
		    }
	});
});
Wuaner
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 解决“options为空或不是对象”
10-30
老提示脚本错误：“options为空或不是对象”，但用document.form1.xx或document.getElementById是能取到对象的。
解决jquery插件：TypeError:$.browser is undefined报错的方法
10-23
为大家分享了一个解决jquery插件：TypeError:$.browser is undefined报错的方法，解决报错问题的方法也很简单，需要解决此类问题的朋友不要错过这篇文章。
'$.data(...).panel' 为空或不是对象 问题解决
yu1002061115的博客
01-09 1300
今天遇到一个场景，测试时，点击我们项目的案件详情进去之后，发现IE8浏览器控制台报错，而我们开发环境在谷歌下运行的，没有发现问题，IE8报的是'$.data(...).panel' 为空或不是对象，一开始以为是谷歌与IE8浏览器的兼容性问题，后来，在没改代码的情况下，清除缓存之后，发现没报错了，以为就好了，但是我们的案件详情是分为新页面和老页面的（展示不一样而已），后来点了老页面，再切换到新页面，
jQuery.validator 详解二
weixin_30423977的博客
08-29 195
前言：上一篇详细的介绍了jQuery.validator( 版本v1.13.0 )的验证规则，这一篇重点讲述它的源码结构，及如何来对元素进行验证，错误消息提示的内部实现 一、插件结构(组织方式) 在讲述如何对元素进行验证前有必要了解它的代码组织方式，请看代码(部分省略) var plugFn = function( $ ) { $.extend($.fn, { ...
jquery 判断对象是否为空，判断后台传回来的data数据是否为空
YaWen的博客
07-06 1万+
jquery 判断对象是否为空，判断后台传回来的data数据是否为空从后台调了一个接口，传回来的数据显示No Properties无数据，一开始用data.length>0来判断是否为空，发现不管有没有数据都不走代码了jQuery.isEmptyObject(data) //对象为空，返回truejQuery.isEmptyObject({}) //对象为空，返回truejQuery.i
Vue 前端非空校验（第一次有数值但还是提示空）问题解决
喜欢吃糖丶的博客
10-25 6971
今天一下午，全部都解决这个问题去了，浪费了一下午的时候（其实也就这一个任务了慢慢做也没事）
$.browser.msie 为空或不是对象问题的多种解决方法
10-20
在jQuery 1.9及更高版本中，`$.browser`对象已经被移除，这导致了开发者在尝试使用`$.browser.msie`时会遇到“$.browser.msie 为空或不是对象”的错误。 `$.browser.msie`在旧版本的jQuery中用于检测用户是否使用的...
Jquery中$.post和$.ajax的用法小结
10-24
- `data`：一个对象或字符串，包含要发送到服务器的数据。 - `success`：一个回调函数，当请求成功时被调用，返回的数据会作为参数传入。 - `dataType`：可选，定义服务器返回的数据类型，如"json"、"html"等。 ...
深入理解jquery的$.extend()、$.fn和$.fn.extend()
10-19
`$.extend()`方法用于合并一个或多个对象的属性到第一个对象中，并返回这个被扩展的对象。这在我们需要合并配置选项或者创建默认设置时非常有用。例如： ```javascript var defaults = { validate: false, limit:...
错误提示“为空或不是对象”的解决方法
热门推荐
蒗若晨曦
01-03 1万+
错误提示“为空或不是对象”的解决方法 　 今天调试首页，Companion.js 提示，countdown 为空或不是对象。 我检查了一下 javascript 代码，发现没有什么问题。是不是 include 了其它页面有相同的名字的 HTML Tag 呢？于是我把 countdown 名字改成 cdown，结果还是提示错误。 忽然想起调试方法：alert();于是将以下代
easyui dialog 错误: $.data(...).options 为空或不是对象
05-15 159
easyui dialog 错误: '$.data(...).options' 为空或不是对象 有可能是发送两边请求，加载两次的原因， jQuery easyui 1.2.5 window、dialog发送两遍请求 http://happyqing.iteye.com/blog/1555317 ...
解决“options为空或不是对象”
老猫
12-22 3037
 昨天在做ip/pv统计的页面的时候遇到一个奇怪的问题，我在页面里放了一个select控件，控件的id是selectMonth但用js动态增加它的option的时候，老提示脚本错误：“options为空或不是对象”，但用document.form1.xx或document.getElementById是能取到对象的。找了好久都找不到原因，没办法，只有绕一条远路，在原来放select控件的放
DataTables在IE8下报'style' 为空或不是对象错误问题
一个不知名开发者的博客
12-04 1895
网页错误详细信息： 消息: 'style' 为空或不是对象 行: 5570 字符: 5 代码: 0 检查后才发现，问题在于数组最后多了一个“，”，会造成Table列数计算时多了一列。在chrome和firefox下测试都正常，但在IE8下会出现此问题。
IE6 easyui combobox options为空或不是对象
iteye_17832的博客
01-30 315
IE6下把一个已存在的select，调用easyui的combobox方法，构造成combobox， 出现异常。 [color=red]异常信息：'options'为空或不是对象[/color] 解决的方法：给select加上css添加width值。就行了。很奇葩吧 [i][b]easyui version:jquery-easyui-1.3.2[/b][/i] [code="html"...
消息: 'null' 为空或不是对象
shwanglp的专栏
11-18 6334
一直没有遇到过这个问题：  在画号jsp界面之后，发现了一个问题，点击界面按钮，出现如下错误消息“消息: 'null' 为空或不是对象” ， 该消息阻止了整个界面的下一个流程。 经过查看代码才发现，是自己在书写标签的时候写错了，估计谁都不会犯的简单错误， 标签后面多了一个。。。奔溃。。。经过修改，此问题完美解决。 总结一下出现这个问题的主要原因如下：  1. 浏览器兼容性问题；
jQuery数据缓存方案详解：$.data()的使用
最新发布
06-01
jQuery提供了一个非常方便的数据缓存方案，即通过`$.data()`方法来实现。该方法可以在DOM元素上存储数据，也可以在JavaScript对象上存储数据。 $.data()的语法： ```javascript $.data(element, key, value); ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值