Выполнение нескольких функций JQuery не работает

Question

Я сделал автоматический клик, чтобы добавить новую строку. в нем есть select2 и datepicker. Я обновляю это после новой строки. но они не могут быть выполнены одновременно.

$(document).ready(function () {      
                var i = 1;
                $("#add_row").click(function () {
                    $('tr').find('input').prop('enable', true);
                    $('#addr' + i).html("<td><input type='text' name='nama[]" + i +
                        "' placeholder='Nama Kegiatan' class='form-control input-md'/></td><td><input data-date-format='dd/mm/yyyy' data-date-viewmode='years' type='text' placeholder='Pilih Tanggal Berkas' name='waktu[]" + i +
                        "' class='datepicker'></td><td><select class='js-example-basic-single' style='width:200px;' name='idunsur[]" + i +
                        "' > <?php foreach ($unsur as $u) { echo '<option value=' . $u->id_unsur . ' >' . $u->unsur_nama . '</option>'; } ?></select></td><td><input type='file' accept='.pdf' name='file[]" + i +
                        "' placeholder='File kegiatan' class='form-control input-md'/></td>");

                    $('#tab_logic').append('<tr id="addr' + (i + 1) + '"></tr>');
                   i++;
                   $('.datepicker').datepicker().refresh();
                    $('.js-example-basic-single').select2().refresh();
                });

            });

Answer 1

Удалите функцию обновления, потому что функция не существует, если вы хотите обновить, просто выполните инициализацию. как это:

$('.js-example-basic-single').select2();
$('.datepicker').datepicker();