异步加载过来的html，用jquery给某个元素绑定事件，事件被重复绑定了，求解？
function fillAgentQueues(){
ApiSvc.queryAgents({},function(res){
console.log(res);
if(res.success){
var template = '{{#data}}<tr id="{{agentId}}"><td>{{agentId}}</td><td>{{userName}}</td></tr></option>{{/data}}';
var html = Mustache.render(template, res);
$('.agentTable tbody').html(html);
$(document).on('click', '.agentTable tbody tr', function () {
alert('点击了');
$(this).toggleClass('agentSelected');
});
}
});
}函数第一次被调用没有问题，每次点击一下，都会alert一次，并且改变类。
函数第二次被调用时，每次点击一次，都会alert两次，
函数第三次被调用时，每点击一次，都会alert三次，
感觉事件被注册了好多次，如何解决？
展开
收起
1
条回答
写回答
写回答
-
你的事件绑定不应写在异步的回调里，因为你既然已经使用事件委托的方式，那把事件绑定放到外面也是可以，而且只在进入页面时绑定一次。
// 放到外面 $(document).on('click', '.agentTable tbody tr', function () { alert('点击了'); $(this).toggleClass('agentSelected'); }); function fillAgentQueues(){ ApiSvc.queryAgents({},function(res){ console.log(res); if(res.success){ var template = '{{#data}}<tr id="{{agentId}}"><td>{{agentId}}</td><td>{{userName}}</td></tr></option>{{/data}}'; var html = Mustache.render(template, res); $('.agentTable tbody').html(html); } });2019-07-17 19:22:39赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
