拖放到列表后，JQuery拖放不显示拖动的项目答案

【问题标题】：JQuery drag drop does not show dragged item after drop into list拖放到列表后，JQuery拖放不显示拖动的项目
【发布时间】：2013-09-26 14:46:31
【问题描述】：

我有以下 Javascript 代码：

$(document).ready(function () {
    $(".NewsItemDraggable").draggable({ revert: "invalid" });
    $(".RelatedNewsDropDiv").droppable({
        accept: ".NewsItemDraggable",
        activeClass: "ui-state-hover",
        hoverClass: "ui-state-active",
        drop: function (event, ui) {
            AddReletedNewsItem(ui.draggable, $(this));
        }
    });
    function AddReletedNewsItem($draggedItem, $dropArea) {                
        var $list = $("ul", $dropArea).length ?
                    $("ul", $dropArea) :
                    $("<ul/>");
        $dropArea.append($list.append($("<li>").append($draggedItem)));
    }
});

HTML：

<-- Multiple occurance of following div-->
<div class="NewsItemDraggable" style="margin-top: 5px">
    Some html stuff here
    <div class="RelatedNewsDropDiv">
        Drop Related News Items Here
    </div>
</div>

当我将任何 NewsItemDraggable 拖动到另一个 NewsItemDraggable 的 RelatedNewsDropDiv 中时，它会创建一个新的列表项，但不会显示拖动的 NewsItemDraggable 的内容。这里似乎有什么问题？如果得到一些指导会很高兴。

更新：

查看网页后，它看起来可能与 JQuery Sortable 相关，但我无法理解如何/是什么，或者它真的相关吗？

【问题讨论】：

看看这个小提琴jsfiddle.net/TCHdevlp/DgAd7。你到底有什么问题？
@TCHdvlp 在这个小提琴中，当我放下物品时，它没有出现在正确的位置。如果我丢掉两件物品，它们会像一件一件的。它们不能像一个列表项一样，一个接一个吗？

标签： jquery jquery-ui jquery-ui-sortable jquery-ui-draggable jquery-ui-droppable

【解决方案1】：

检查一下，做了一些更改 jsfiddle.net/DgAd7/13/

我正在使用助手：'克隆'

【讨论】：