2
我是一個Javascript noob試圖編寫一個HTML/CSS/Javascript/jQuery/jQuery UI程序來拖放SORTABLE divs進出互相製造一個任意的樹結構。您可以在http://jsfiddle.net/randomhittingking/5S7v7/上運行我的當前代碼。 JavaScript部分是使用jQuery UI製作可排序，可插入的樹，ARBITRARILY-NESTED divs
$(document).ready(function(){
$(".node").sortable({
receive: function(event, ui){}
});
$(".node").droppable(
{
greedy: true,
drop: function(event, ui){
var dropped = ui.draggable;
var droppedOn = $(this);
dropped.remove();
droppedOn.append("<div class=\"node\">" + dropped.html() + "</div>");
}
}
);
});
我有幾個問題，如：
- 我不能再拖累的div到內部的div。例如，如果div 3嵌套在div 2內，並且div 1位於這兩個div之外，那麼我不能將div 1拖放到div 3.
- 經過一些拖放操作後，程序停止放棄div成非空格。
- 內部divs失去其排序能力。如果div 3和div 4嵌套在div 2內，div 1在所有這些div之外，那麼div 1對於div 3和4不是「可排序的」。