修訂

注：我是新來擺弄，並不知我結合我的代碼小提琴，但拖放不起作用。

您好我已實施拖，降和克隆功能與jQuery的可拖動和投擲的功能，看起來像這樣的幫助：

$(".dragSigners").draggable({ 
    helper: 'clone', 
    cursor: 'move', 
    tolerance: 'fit', 
    revert: true 
});

注：$("#document-reader")是一個滾動的DIV。我想從上到下拖動元素中的任何位置。我可以在div中間滾動父div和拖動元素。它應該堅持我拖動它的地方。

$("#document-reader").droppable({ 
    accept: '.dragSigners', 
    activeClass: "drop-area", 

    drop: function(e, ui) { 
    dragEl = ui.helper.clone(); 
    ui.helper.remove(); 

    document_id = dragEl.data("document-id"); 
    signer_id  = dragEl.data("signer-id"); 
    stopPosition = dragEl.position(); 
    dragEl.data("signer-id", signer_id); 

    dragEl.draggable({ 
     helper: 'original', 
     cursor: 'move', 
     tolerance: 'fit', 
     drop: function (event, ui) { 
     $(ui.draggable).remove(); 
     } 
    }); 

    // append element to #document-reader 
    dragEl.addClass("dragMe"); 
    dragEl.removeClass("dragSigners col-sm-6"); 
    dragEl.find("span.closeIt").removeClass("hideIt"); 
    dragEl.appendTo('#document-reader'); 

    // ajax call for updating position to database for future reference 
    updateDropPosition(dragEl, stopPosition, signer_id, document_id) 
    } 
});

這是正確地拖動一個元素，克隆它，並刪除它。

問題

落下的元素不完全相同的地方跌落，我放棄了它。相反，每次我放棄元素時，它都會放在同一個地方。我試圖登錄的位置也發現，頂部和左是相同的，無論我丟棄的元素。

console.log(dragEl.position()) 

output: Object { top=-5, left=-5} // [NOTE: it doesn't matter where ever I drop element, It is showing top and left as -5. and it is not showing dropped element in the exact same place where I dropped it]

不知道我的代碼有什麼問題。

預期的結果：

請老朋友這些截圖：

1）這是現在發生的條件（錯誤的行爲） current behavior