jquery的live绑定事件,不知道是不是jquery的bug

今天无意中发现,级联菜单中,select的onchange事件在ie8下调用了两次,而且下拉框中的数据有重复,记得以前测试这个功能是没有问题的。由于项目已经正式运营,不由的就出冷汗,脸色发白了。呵呵。由于js太多,不好查。一开始以为是有两个地方掉了。发现里边只有这一个地方写了个onchange基本可以排除这种可能,后来怀疑是不是什么地方递归了,把代码读了一下。基本可以排除这种可能。后来在火狐下试了一下,居然是好的。后来怀疑是兼容性问题。计划写个延迟事件,屏蔽掉一次算了。可是总有些不甘啊。后来在网上查了下,(还是技术不行),知道可以查看是什么地方调用了这个方法alert(callerDemo.caller.toString());可以查看是什么地方调用了这个方法。其中callerDemo是方法名。这下就感觉希望来了。alert一下后发现两次调用的居然是一样的。不免有些失望。后来看caller返回的是个对象。于是想到看他的父级是什么东西alert(callerDemo.caller.caller.toString());,这下就发现问题。两次调用的根源是不一样的。于是把别的js都删掉,这下就好了。最后排除到$(".search").live("change", function(){ });去掉它就可以了。可是调用的地方的class并不是这个的。将live改为bind就可以了。可是bind是不能绑定ajax后加载出来的内容的。哎,耗费了我几个小时查出来的。呵呵,跟大家分享下。文采不行。大家将就看吧。呵呵 

 

 

 

下面补充一下,一开始没看jquery1.4中live是不支持绑定change。

jy1245626认为bind和live都能绑定后加载的dom,我又测试了一下。bind不能绑定后加载的。下面是主要的测试代码。

 

<script type="text/javascript">
	$(document).ready(function(){
		$(".bindtest").bind("click",function(){
			alert('bind点击');
		});
		$(".livetest").live("click",function(){
			alert('live点击');
		});
	});
	function test(){
		$("#test2").append($('<a class="bindtest">bindtest2</a>'));
		$("#test2").append('<br/>');
		$("#test2").append($('<a class="livetest">livetest2</a>'));
	}
	</script>

 

 

 

 

<div id="test2">
		<a class="bindtest">bindtest</a><br/>
		<a class="livetest">livetest</a>
		<br/>
		<br/>
		<input type="button" οnclick="test();" value="添加"/> 
		<br/>
		<br/>
		
	</div>

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值