使用.clone（）函数

Question

我正在尝试使用jQuery的.clone()函数克隆HTML部分。一切都很好，但是当你与控件交互时，它们会变得混乱，事件和我没有执行交互的控件停止工作。

这是我的代码中克隆HTML的部分：

更新代码

var tempForm = $('#onlineVerificationForm');
/* 1 = CP | 2 = FO | 3 = CP and FO */
switch (supervisedCrew) {
    case 1: tempForm.prop('id', 'onlineVerificationForm_CP'); break;
    case 2: tempForm.prop('id', 'onlineVerificationForm_FO'); break;
    case 3:
        var clonedForm = tempForm.clone(true, true);

        clonedForm.prop('id', 'onlineVerificationForm_CP');

        clonedForm.appendTo($('#onlineVerificationReport'));

        tempForm.prop('id', 'onlineVerificationForm_FO');

        $("#headerCPFO").css('display', 'flex');
        $("#onlineVerificationReport").css('padding-top', '50px');
        //$('#btnOnlineFormCP').addClass('ui-state-persist');
        break;
}

案例1和案例2是单一报告，但在案例3中，我需要复制第一份报告并将其克隆以获得两份报告;正如您所看到的，我更改了两个报告中的ID，并且每个控件中的所有控件都相同（在其他函数中），并添加标题以更改表单。