首页 > 代码库 > Js为Dom元素绑定事件须知
Js为Dom元素绑定事件须知
为异步加载的Dom 元素绑定事件必须在加载完成之后绑定:
$(‘body‘).load(‘LearnClickBinding.ashx‘);
$(‘a‘).click(function () { alert(‘I was clicked!‘);});
上面的绑定是无效的,因为异步加载需要时间,而在获取元素之前,早已执行了$(‘a‘).click();方法,所以绑定失败。
正确的做法是,等待元素加载完后再执行 $(‘a‘).click();
$(‘body‘).load(‘LearnClickBinding.ashx‘, function () { $(‘a‘).click(function () { alert(‘I was clicked!‘); });
});
Js为Dom元素绑定事件只能在页面刷新之前,也就是该Dom元素重新加载之前有效。尤其是在异步加载Dom元素的时候,就有这个问题。
$(‘body‘).load(‘LearnClickBinding.ashx‘, function () { $(‘a‘).click(function () { alert(‘I was clicked!‘); }); $(‘body‘).empty(); $("<a href=http://www.mamicode.com/‘#‘>Click Me!").appendTo(‘body‘);});
这种绑定方式也是失败的,因为绑定事件的a元素已经被empty了,后面append的a元素是没有事件的,所以点击按钮依然没有效果。
正确的绑定方法:
$(‘body‘).load(‘LearnClickBinding.ashx‘, function () { $(‘a‘).click(function () { alert(‘I was clicked!‘); }); $(‘body‘).empty(); $("<a href=http://www.mamicode.com/‘#‘>Click Me!").appendTo(‘body‘); $(‘a‘).click(function () { alert(‘I was clicked!‘); });});
Js为Dom元素绑定事件须知
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。