Javascript 事件发生后jQuery不工作

我有一个按钮来添加新的输入。该输入具有相同的类（commonClass）。首先输入datepicker无问题或显示正确。然后我点击按钮，显示第二个输入，类名为commonClass（和第一个输入相同）。但是日期选择器不起作用。我尝试使用$（'[input^=start_date]'）和$（'.commonClass'）也不起作用。我也试过（“#开始日期0，#开始日期1等”）也不起作用

var level1=0;
function tambah_level1() {
    level1=level1+1;
    var addin='<tr id="level1-'+level1+'"><td><input type="text" id="start_date'+level1+'" class="commonClass" name="start_date[]"><td><button type="button" onclick="hapus_level1('+"'#"+'level1-'+level1+"'"+')">Hapus</button></td></tr>';

    $('#addNew').append(addin);
}

function hapus_level1(id) {
    $(id).remove();
}

$(function(){
$(".commonClass").simpleDatepicker({ 

    dateFormat: 'yy-mm-dd',
    changeMonth: true,
    changeYear: true,
    timeFormat: 'hh:mm:ss'
});

var level1=0；
函数tambah_level1（）{
级别1=级别1+1；
var addin='Hapus'；
$（'#addNew'）。追加（addin）；
}
功能hapus_级别1（id）{
$（id）.remove（）；
}
$（函数（）{
$（“.commonClass”）.simpleDatepicker（{
日期格式：'年-月-日'，
变化月：对，
变化年：是的，
时间格式：“hh:mm:ss”
});

对于html：

<tr id="level1">
    <td>Tanggal : </td>
    <td>
    <button type="button" onclick="tambah_level1()"> Tambah Tanggal</button></br>
    <table id="addNew" border=1>
    <tr>
        <th>Tanggal</th>
        <th>Action</th>
    </tr>
    <tr>
        <td><input type="text" name="start_date[]" id="start_date0" class="commonClass"></td>
        <td>-</td>
    </tr>
    </table>
    </td>
</tr>

唐加尔：
坦巴唐加尔

唐加尔
行动
-

---

非常感谢。

对于新添加的元素，您需要在创建这些元素后初始化插件

var level1 = 0;
var level2 = 0;
var level3 = 0;

function tambah_level1() {
    level1 = level1 + 1;
    var addin = '<tr id="level1-' + level1 + '"><td><input type="text" id="start_date' + level1 + '" class="commonClass" name="start_date[]"><td><button type="button" onclick="hapus_level1(' + "'#" + 'level1-' + level1 + "'" + ')">Hapus</button></td></tr>';

    var $tr = $(addin).appendTo('#addNew');
    createDatePicker($tr.find(".commonClass"));
}

function hapus_level1(id) {
    $(id).remove();
}

$(function () {
    createDatePicker(".commonClass"); //for existing elements
});

function createDatePicker(els) {
    $(els).simpleDatepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        changeYear: true,
        timeFormat: 'hh:mm:ss'
    });
}

var level1=0；
var level2=0；
风险等级3=0；
函数tambah_level1（）{
级别1=级别1+1；
var addin='Hapus'；
var$tr=$（addin）.appendTo（'#addNew'）；
createDatePicker（$tr.find（“.commonClass”）；
}
功能hapus_级别1（id）{
$（id）.remove（）；
}
$（函数（）{
createDatePicker（“.commonClass”）；//用于现有元素
});
函数createDatePicker（els）{
$（els）.simpleDatepicker({
日期格式：'年-月-日'，
变化月：对，
变化年：是的，
时间格式：“hh:mm:ss”
});
}