问题
通过ajax把html加载到页面,如果直接写绑定代码,会失效。
解决方式
将事件委托到body(当然可以是其它父元素),等事件冒泡到父元素上面再进行事件处理。
例如:
如果ajax载入了一个
<button id="cloudmusic"></button>
这个时候如果你的js中写了
$('#cloudmusic-1').on('click',function(){
alert('确认要删除吗?');
});
事件无法绑定。
需要:
$('body').on('click','#cloudmusic-1',function(){
alert('确认要删除吗?');
});
本文介绍了解决通过AJAX加载HTML元素时,直接绑定事件导致失效的问题。提出了使用事件委托的方式,即将事件绑定到body或其他父级元素上,等待事件冒泡后再进行处理的方法。
190

被折叠的 条评论
为什么被折叠?



