Question

我有以下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相关，但我无法理解它是如何/什么，或者它是否真的相关？

Answer 1

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

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

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

1 个答案: