jquery - 执行多个 JQuery 函数不起作用
问题描述
我自动单击以添加新行。其中有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();
});
});
解决方案
删除刷新功能,因为该功能不存在,如果要刷新,只需进行初始化即可。像这样:
$('.js-example-basic-single').select2();
$('.datepicker').datepicker();
推荐阅读
- r - 从可用的最小向量创建数据框
- c# - 使用 RemoveFromSuperview() 后如何从超级视图中恢复视图
- scala - 具有主要功能的scala测试
- javascript - 属性名称丢失?
- python - 解释用于回溯算法的 Python 示例代码
- perl - 您如何使用 Moo::Google Perl 模块进行 Google People API 调用?
- .htaccess - 重定向和附加查询字符串参数
- sql - 如何插入 BLOB 值
- android - 带有 FragmentStatePagerAdapter 的 ViewPager 不断重新创建已删除的片段
- excel - 包含决策表的电子表格的版本控制