执行多个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();