删除事件不适用于由for循环创建的分区

Question

我正在尝试在javascript中创建拖放事件。我通过使用循环从数据库中获取数据并根据该数据创建div。然后我尝试在删除项目时捕获drop()事件。但它不起作用。但它适用于硬编码div。

for (i = 0; i < positions.length; i++) {
            html += '<div class="column left first" ondrop="drop(event)" >';
            html += '<ul class="sortable-list" id="pakageItemsUl_' + i + '">';
            html += '</ul>&nbsp;&nbsp;';
      html += '</div>';
}
$('#PositonsDiv').html(html);

Answer 1

JavaScript事件应该单独应用;你不能在文档片段中启用它们：

for (i = 0; i < positions.length; i++) {
    var $list = $('<ul class="sortable-list"></ul>')
        .prop('id', 'packageItemsUl_' + i);

    $('<div class="column left first"></div>')
        .on('drop', drop)
        .append($list)
        .appendTo('#PositionsDiv');
}