javascript - Drop 事件不适用于由 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');
}