Javascript 将不起作用的事件拖放到由for循环创建的分区

我正在尝试用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);

for（i=0；i；
html+=''；
html+=''；
}
$（'#positionsdiv'）.html（html）；

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');
}

for（i=0；i）
.prop（'id'，'packageItemsUl_uu'+i）；
$('')
.on（'drop'，drop）
.append（$list）
.附于（“#PositionsDiv”）；
}