
使用 fieldlist 动态添加按钮时,按钮失效的解决办法
在使用 Fieldlist 组件动态渲染元素时,如果追加的按钮点击无响应,可以参考以下解决办法:
使用 JavaScript 为动态添加的按钮绑定点击事件,并执行所需的逻辑,例如追加新元素。以下代码演示了如何绑定点击事件并追加新元素:
$(document).on('click', '.btn-append', function(event) {
event.preventDefault();
console.log('Append button clicked');
// 追加新元素的逻辑
$('table.fieldlist').append('New ID New Chinese name New English name New Number of pieces New Volume New Gross Weight New Value (USD) Remove ');
});同时,为动态添加的删除按钮也需要绑定事件,以执行删除操作。以下代码演示了如何为动态添加的删除按钮绑定事件:
$(document).on('click', '.btn-remove', function(event) {
event.preventDefault();
$(this).closest('tr').remove();
});通过以上代码,可以确保动态追加的按钮具有正确的功能,点击后能够触发相应操作。










