gpt4 book ai didi

javascript - 按钮在 Javascript 中没有响应/没有绑定(bind)

转载 作者:行者123 更新时间:2023-11-30 08:44:17 27 4
gpt4 key购买 nike

<分区>

我在 Javascript 中有两个函数,如下所示:

function Add(){

$("#tbl tbody").append(
"<tr>"+
"<td><input type='text'/></td>"+
"<td><input type='text'/></td>"+
"<td><input type='text'/></td>"+
"<td><button class=\"btn btnSave\"><i class=\"icon-ok\"></i></button><button class=\"btn btnDelete\"><i class=\"icon-remove\"></i></button></td>"+
"</tr>"

);

$(".btnSave").bind("click", Save);
$(".btnDelete").bind("click", Delete);

};

function Delete(){ 
var par = $(this).parent().parent();
par.remove();
};

最后是函数之后的这两行:

$(".btnDelete").bind("click", Delete);
$("#btnAdd").bind("click", Add);

Add() 函数将一个新行添加到 ID 为 tbl 的表中。新添加行的最后一列有两个按钮 btnSavebtnDeletebtnDelete 应该删除该特定行,这从 Delete() 函数中可以明显看出。 (我还没有开始实现“保存”功能)。但是,每当我单击“删除”按钮时,都没有任何反应。代码有问题吗?

我正在使用 bootstrap css对于我的用户界面。

Add() 函数可以正常工作。

编辑:这是一个屏幕截图。突出显示的按钮 cross 不起作用。 Screen Capture

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com