JQuery的拖放没有显示出下降后拖动项目到列表

问题描述：

我有以下的Javascript代码：JQuery的拖放没有显示出下降后拖动项目到列表

$(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的内容。这里似乎是什么问题？如果给出一些指导会很开心。

UPDATE：

在网上找它看起来可能与JQuery的可排序的，但我无法理解如何/什么，或者是不是真的与后？

看看这个小提琴http://jsfiddle.net/TCHdevlp/DgAd7/。你的问题到底是什么？ – TCHdvlp

@TCHdvlp在这个小提琴中，当我放下物品时，它并没有来到正确的位置。如果我放下两件物品，它们就会像其他物品一样。他们不能像一个接一个的清单项目吗？ – Maheep

答

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

我用的帮手： '克隆'

JQuery的拖放没有显示出下降后拖动项目到列表

相关推荐