FastAdmin Fieldlist 动态渲染后按钮失效怎么办？

fastadmin fieldlist 动态渲染后追加按钮失效解决方案

在 fastadmin 中，使用键值组件（fieldlist）并通过 js 动态渲染后，追加的按钮可能无法正常工作，点击后没有反应。这可能是由于动态添加的按钮未正确绑定事件。

解决方法：

绑定点击事件并追加元素

1. 通过 event.preventdefault() 阻止默认行为。
2. 添加或附加新的元素。

$(document).on('click', '.btn-append', function(event) {
    event.preventdefault();
    // 追加新元素的逻辑
    $('table.fieldlist').append(...);
});

绑定动态添加的按钮事件

为动态添加的按钮绑定事件。例如，为移除按钮绑定事件：

// 为动态添加的删除按钮绑定事件
$(document).on('click', '.btn-remove', function(event) {
    event.preventDefault();
    $(this).closest('tr').remove();
});

请注意，实际代码可能因您的具体实现而异。

以上就是FastAdmin Fieldlist 动态渲染后按钮失效怎么办？的详细内容，更多请关注硕下网其它相关文章！