一个jQuery事件绑定的问题
来源:互联网 发布:mac卸载软件残留 编辑:程序博客网 时间:2024/06/06 14:00
/*搜索按钮*/
$("#searchChannel").click(function(){
//1.获取搜索条件
var searchBy = $("#channel_typeid_temp").val();
console.info(searchBy);
//2.发起请求
$.getJSON("../reward/getWebsiteBy",{ searchBy:searchBy},function(result){
//3.清空原来的列表数据
$(".table-main tbody").empty();
if(result.length==0){
$(".table-main tbody").append($("<tr><td colspan='3'>没有找到任何结果,请改变搜索条件</td></tr>"));
}else{
//4.添加json中的数据
$.each(result, function(i, field){
console.info(i+"----"+field.WebsiteId+"----"+field.class_name);
//生成checkbox
var tdCheckbox = "<td><input type='checkbox' name='ids' value='"+field.WebsiteId+"_"+field.id+"'"+"/></td>";
//生成一个tr表格行
$("<tr></tr>").append($(tdCheckbox))
.append("<td>"+field.WebsiteId+"</td>")
.append("<td>"+field.class_name+"</td>")
.appendTo($(".table-main tbody"));//添加到tbody里面
});
//这里非常重要,需要重新绑定这个事件,否则点击无效
$("[name='ids']:checkbox").click(function(){
check();
});
}
});
$("#searchChannel").click(function(){
//1.获取搜索条件
var searchBy = $("#channel_typeid_temp").val();
console.info(searchBy);
//2.发起请求
$.getJSON("../reward/getWebsiteBy",{ searchBy:searchBy},function(result){
//3.清空原来的列表数据
$(".table-main tbody").empty();
if(result.length==0){
$(".table-main tbody").append($("<tr><td colspan='3'>没有找到任何结果,请改变搜索条件</td></tr>"));
}else{
//4.添加json中的数据
$.each(result, function(i, field){
console.info(i+"----"+field.WebsiteId+"----"+field.class_name);
//生成checkbox
var tdCheckbox = "<td><input type='checkbox' name='ids' value='"+field.WebsiteId+"_"+field.id+"'"+"/></td>";
//生成一个tr表格行
$("<tr></tr>").append($(tdCheckbox))
.append("<td>"+field.WebsiteId+"</td>")
.append("<td>"+field.class_name+"</td>")
.appendTo($(".table-main tbody"));//添加到tbody里面
});
//这里非常重要,需要重新绑定这个事件,否则点击无效
$("[name='ids']:checkbox").click(function(){
check();
});
}
});
});
jQuery新添加元素之后重新添加事件问题。往表中新添加的checkbox元素需要重新绑定其点击事件,否则点击无效。这是因为一个执行顺序问题,你先对原来那些checkbox绑定了事件,现在你将其删除了,这是事件相当于就没有了事件源。你动态增加的checkbox即使其name与前面一样,其因为没有执行绑定事件的语句,也就是说他没有事件,当然点击无效。总结起来就是:动态增加的元素需要增加之后绑定相应的事件,以前的不起作用,即使条件一样。
0 0
- 一个jQuery事件绑定的问题
- jquery绑定事件问题
- jquery 新建的元素事件绑定问题
- jquery 新建的元素事件绑定问题
- jquery 新建的元素事件绑定问题
- jquery 新建的元素事件绑定问题
- jquery 新建的元素事件绑定问题
- jquery 新建的元素事件绑定问题
- jquery 新建的元素事件绑定问题
- jquery 新建的元素事件绑定问题
- jQuery one 特定事件绑定一个一次性的事件
- jQuery给一个元素绑定事件前,一次点击会多次触发的问题所在
- jQuery的绑定事件
- jQuery的事件绑定
- jquery的绑定事件
- jquery的事件绑定
- JQuery事件的绑定
- jQuery的事件绑定
- 中断与轮询
- memcached实战系列(三)memcached命令使用
- JavaScript 模块(1):初学者指南
- 说说JavaScript那些事
- CSS实现垂直居中的常用方法
- 一个jQuery事件绑定的问题
- https://linux.cn/article-4790-1.html
- nyoj 289 苹果【裸0-1背包】
- 解决 Git 冲突的 14 个建议和工具
- C#图片上一张下一张
- nyoj 890 又见01背包【0-1背包+逆向思维】
- document.frame
- bootstrap 下拉菜单精简版
- hdoj 1203 I NEED A OFFER!【0-1背包+逆向思维】