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的可排序的，但我無法理解如何/什麼，或者是不是真的與後？

來源

2013-09-26 Maheep

看看這個小提琴http://jsfiddle.net/TCHdevlp/DgAd7/。你的問題到底是什麼？ – TCHdvlp

@TCHdvlp在這個小提琴中，當我放下物品時，它並沒有來到正確的位置。如果我放下兩件物品，它們就會像其他物品一樣。他們不能像一個接一個的清單項目嗎？ – Maheep

檢查這個，做了一些改變jsfiddle.net/DgAd7/13/

我用的幫手： '克隆'

來源

2013-10-21 15:17:03

JQuery的拖放沒有顯示出下降後拖動項目到列表

回答

相關問題