拖放事件不工作，由循環創建的部門

Question

我想在JavaScript中創建拖放事件。我通過使用循環從數據庫中獲取數據，並根據該數據創建div。然後，我嘗試在丟棄物品時捕獲drop()事件。但它不工作。但它的工作硬編碼分區。

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