HTML 5 Drag n Drop Ajax

Question

我正在嘗試處理已加載的Ajax Dom Elements上的dragstart事件，但不起作用。 這是我處理Dragstart事件以獲取要移動的元素的ID的方式：

  $(document).on(".dragItem", "dragstart", function (ev) {

        ev.originalEvent.dataTransfer.setData("text", ev.target.id);
    });

對於頁面上加載的任何元素，Dragstart均由以上代碼處理。

但是，當我稍后在代碼中使用JS創建Html div時，事件不會響應。

<div class="dragItem" draggable='true'>My Drag Item </div>

實際上，我是通過jquery Ajax接收JSON數據，然后使用創建的HTML更新DOM。

Answer 1

我能夠解決我的問題。 使用格式化為HTML的JSON數據更新DOM后，我將創建一個指向新插入元素的jquery對象，然后重新應用dragstart事件處理。

$("#cellphonestock").html(total);
var d = $("#cellphonestock .dragItem");

            d.on( "dragstart", function (ev) {
                ev.originalEvent.dataTransfer.setData("text", ev.target.id);
            });