jquery重载页面部分的点击事件无法运行

绑定click事件到表格tabel里的链接xxx,并发送ajax请求,成功后重载表格table部分,即执行$('#table').load(location.href+'#table>*')。
此时再点击链接,点击事件无法执行,必须重新刷新页面。
如何修改?
html代码如下:
分类名称
文章数量
分类排序
操作
编辑
"href="javascript:;">移除
jquery代码如下:
$(function(){
$('.del').on('click',function(){
varurl=$(this).attr('url');
$.ajax({
url:url,
type:'GET',
success:function(res){
$('#msg').fadeIn('slow').children().text(res);
$('#table').load(location.href+'#table>*');
vartimeId=function(){
$('#msg').fadeOut('slow');
};
setTimeout(timeId,2000);
},
})
})
})
慕容3067478
浏览 346回答 2
2回答

GCT1015

重载之后,之前绑定的事件就没了。用delegate将事件绑在父元素上,即$("#table").on('click','.del',handler)试试。

忽然笑

如果jquery版本比较低(1.2?)可以使用$("#table").live('click','.del',handler)方法,如果比较高(1.5?)的话可以使用上面提到的on方法
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript