JQuery拖曳容器之間的拖放問題

好吧，我在這裏有一個問題，我有可拖動和droppables 奇怪的是，一旦我把它放在一個容器上，我有重新創建拖拽移回來。JQuery拖曳容器之間的拖放問題

基本上我有原點

$("#mykeys ul li").draggable({ 
revert:"invalid", 
helper: "clone", 
cursor: 'move'});

然後我有可投放塊。我的問題是如何讓實際可投擲的塊拖動ñ下降彼此之間。

SO Basiclly我可以拖動ñ從原點下降到類容器，但我不能拖n個容器類

我需要使用sortables之間下降？

這裏是JS小提琴

http://jsfiddle.net/rmatakajr/FN7Xx

感謝您的幫助

來源

2013-09-27 Ricky Mataka

嘗試'$（ui.draggable）.appendTo （this）;' –

太棒了！然而，這不是主要問題，它絕對更優雅。我試圖找出的問題是如何在排序類型時尚之間移動。 –

所以說我把所有的拖拽移動到可拖拽的位置。我將如何在所有可拖放的對象之間進行排序？多數民衆贊成在即時敲我的腦袋現在 –

嘗試

$(".drop-container").droppable({ 
    activeClass: "ui-state-highlight", 
    accept: "#mykeys ul li, .drop-container li", 
    //connectWith: ".drop-container", 
    drop: function (event, ui) { 
     $(this).empty(); 
     $(ui.draggable).appendTo(this); 
    }, 
    out: function (event, ui) { 
     console.log('dragged out'); 
    } 
});

演示：Fiddle

來源

2013-09-27 06:40:46

JQuery拖曳容器之間的拖放問題

回答

相關問題