今天无意中发现,级联菜单中,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>