基本上，我对用户有两个不同的 div。一个用于已分配的用户，其他则未分配。单击垃圾桶图标时，用户被“取消分配”并因此被删除，但被添加到未分配的用户中。
在未分配的用户 div 中，您可以单击“添加”按钮将每个用户添加到已分配的 div。
我已经设法用下面的代码做到了这一点。但是，一旦我取消分配用户，我现在就可以再次分配它。我想那是因为新添加的元素不能与启动过程的按钮单击功能一起使用。
如果我在另一个内部调用一个函数，则每次单击按钮时该函数都会运行两次。
你能帮我写代码吗？
function assignUser() {
$('.add-user-btn').click(function(){
assign=$('#assign-users');
$('<div class="assign-user"><div class="float-right delete-user-btn"><i class="fas fa-trash"></i></div><h1>Name</h1></div><button class="btn"><span>Transfer online</span> </button></div>').insertBefore('.assign-user:last');
$(this).parent().remove();
});
}
function unassignUser() {
$('.delete-user-btn').click(function(){
assign=$('#assign-users-modal');
assign.append('<div class="assign-modal"><h5>Name</h5></div><button class="btn add-user-btn">Assign</button></div>');
var parent = $(this).parent();
parent.remove();
});
}
unassignUser();
assignUser();
<div id="assign-users">
<div class="assign-user">
<div class="float-right delete-user-btn"><i class="fas fa-trash"></i></div>
<h5>Stephen Meritt</h5>
<button class="btn btn-xs btn-block transfer"><span>Transfer online</span</button>
</div>
<div id="assign-users-modal">
<div class="assign-modal">
<h5>Test</h5>
<button class="btn add-user-btn">Assign</button>
</div>
月关宝盒
烙印99
相关分类