我试图动态添加和删除列,并且我看到了一些stackoverflow答案,建议在每行的末尾添加删除按钮以进行删除。但是我不喜欢这种方法,因为桌子看起来并不好看。并且通过选择网格来形成表格。
这是小提琴链接: http://jsfiddle.net/pr6wd0qv/188/
$three.click(function () {
$('#CreateTableControl tr').click(function () {
$(this).css("background-color","#FF3700");
$(this).fadeOut(400, function(){
$(this).remove();
return false;
});
});
$("#three").unbind("click");
});
按下删除按钮,然后在行上的任何单击上删除该行。试图使用unbind(),但没有工作。 因此,请建议一些其他方法来动态删除行。
答案 0 :(得分:0)
不要取消绑定按钮上的点击,在点击一行后解除对行的点击:
<强> jsFiddle demo 强>
$three.click(function () {
$('#CreateTableControl tr').click(function () {
$('#CreateTableControl tr').unbind("click"); // unbind here
$(this).css("background-color","#FF3700");
$(this).fadeOut(400, function(){
$(this).remove();
return false;
});
});
});