使用 fieldlist 动态添加按钮时，按钮失效的解决办法

在使用 Fieldlist 组件动态渲染元素时，如果追加的按钮点击无响应，可以参考以下解决办法：

使用 JavaScript 为动态添加的按钮绑定点击事件，并执行所需的逻辑，例如追加新元素。以下代码演示了如何绑定点击事件并追加新元素：

jQuery点击事件遮罩弹出层可移动特效代码

"jQuery点击事件遮罩弹出层可移动特效代码下载。一款jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果，可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层js插件。

下载

$(document).on('click', '.btn-append', function(event) {
    event.preventDefault();
    console.log('Append button clicked');
    // 追加新元素的逻辑
    $('table.fieldlist').append('<tr'><td>New ID</td><td>New Chinese name</td><td>New English name</td><td>New Number of pieces</td><td>New Volume</td><td>New Gross Weight</td><td>New Value (USD)</td><td><a href="javascript:;" class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i> Remove</a></td></tr>');
});

同时，为动态添加的删除按钮也需要绑定事件，以执行删除操作。以下代码演示了如何为动态添加的删除按钮绑定事件：

$(document).on('click', '.btn-remove', function(event) {
    event.preventDefault();
    $(this).closest('tr').remove();
});

通过以上代码，可以确保动态追加的按钮具有正确的功能，点击后能够触发相应操作。