javascript - Select2 和 Datetimepicker 在克隆的 div 中不起作用

Question

我用 jquery 克隆了 div，其中包含 textarea、select2 和 datatimepicker。但克隆的 select2 和 datetimepicker 不起作用。

<div id= "myDiv">
    <textarea id="myTextArea"></textarea>
    <select class="mySelect2">
       <option value="1">1</option>
       <option value="2">1</option>
    </select>
    <div class="date date-picker" data-date-format="dd.mm.yyyy">
        <input type="text" readonly></div>
    </div>
</div>

我还在我的 JavaScript 中添加了 $('.date-picker').datepicker(); 和 $(".mySelect2").select2();代码。

function create() {
    $("#myDiv  div:first").clone().find("textarea select input").each(function () {
        $(this).val('');
    }).end().appendTo("#myDiv");
}

Answer 1

克隆元素后，您必须重新初始化它们。因此，在创建函数中添加以下两行

function create() {
    $("#myDiv  div:first").clone().find("textarea select input").each(function () {
        $(this).val('');
    }).end().appendTo("#myDiv");

    $('.date-picker').datepicker(); 
    $(".mySelect2").select2();
}