Javascript JS动态添加字段-删除按钮不工作

问题是，当我动态添加一些输入字段时，应该删除添加行的单击操作不起作用。我知道点击操作必须使用。但它没有帮助。有什么想法吗

以下是.js文件：

    $(document).ready(function() {

    $('.eventsRowsWrapper').each(function() {
        var $wrapper = $('.eventsRows', this);

        $(".addEventButton", $(this)).on('click', function() {
            //console.log(jsFrontend.data.get('Planning.test'));
            //$('.multi-event:first-child').clone(true).appendTo($wrapper).find('input').val('').attr('id', '');
            $($wrapper).append('<div class="form-group multi-event controls form-inline"> <input name="date[]" maxlength="255" type="text" placeholder="Data" class="datepickerClass form-control sortable ui-sortable" size="20"> <button type="button" style="float: none" class="close deleteEventButton">&times;</button></div>');
            $(".datepickerClass").datepicker();
            $('.sortable').sortable();
        });

        $('.multi-event').on('click', '.deleteEventButton', function() {
                if ($('.multi-event', $wrapper).length > 1){
                $(this).parent('.multi-event').remove();
            }
        });
    });

 });

$（文档）.ready（函数（）{
$（'.eventsRowsWrapper'）。每个（函数（）{
var$wrapper=$（'.eventsRows'，this）；
$（.addEventButton），$（this））.on（'click'，function（）{
//log（jsFrontend.data.get（'Planning.test'）；
//$（'.multi-event:first-child'）.clone（true）.appendTo（$wrapper）.find（'input'）.val（''）.attr（'id'，''）；
$（$wrapper.append（'×；'）；
$（“.datepickerClass”）.datepicker（）；
$（'.sortable'）.sortable（）；
});
$（'.multi-event'）。在（'单击'，'.deleteEventButton'，函数（）上{
if（$（'.multi-event'，$wrapper）.length>1）{
$（this.parent（'.multi-event'）.remove（）；
}
});
});
});

和.html：

<div class="eventsRowsWrapper">
    <div class="eventsRows sortable">
        <div class="form-group multi-event controls form-inline">
            <input name="date[]" maxlength="255" type="text" placeholder="Data" class="datepickerClass form-control sortable ui-sortable" size="20">
            <button type="button" style="float: none" class="close deleteEventButton">&times;</button>
        </div> 
    </div>

    <button class="btn btn-warning btn-sharp addEventButton" type="button" name="addEvent">
        <span class="glyphicon glyphicon-plus-sign"></span>Add event
    </button>
</div>

&时代；
添加事件

以下是。

而不是：

$('.multi-event').on('click', '.deleteEventButton', function() {

写：

$(document).on('click', '.multi-event .deleteEventButton', function() {

---

您正在尝试将处理程序附加到dom中尚不存在的对象上。

或使用最接近的静态容器

'.eventsRows'