如何在div中动态生成droppable / draggable / sortable div元素？

Question

你好，所以我不得不分开这个问题：

1. 我希望能够在用户执行操作时动态创建div元素（例如，单击按钮将某些东西拖入droppable并创建新的droppable）。我现在正在使用此代码并且它已成功生成css块：

   function createDiv（） {   var divTag = document.createElement（“div”）;

   divTag.id =“slotclass”;

   divTag.className =“connect”;

   document.body.appendChild（divTag）; }  ...虽然我不太确定如何在此之后使其可放置/可拖动/可排序。

2. 我希望动态生成的div元素出现在一个div中，该div具有来自css样式表的特定id。但是，当我使用createDiv（）时，它会在div括号外生成它，无论我尝试过什么（例如在div括号中没有关闭括号或放置我的按钮）。

如果有人可以帮助解决这两个问题，那就太棒了！非常感谢。

Answer 1

1. 假设您要对其进行排序，在追加子项后初始化可排序： $("#slotclass").sortable({ ... });或$(divTag).sortable({ ... });

2. 您在身体中添加了新的div。为简单起见，我使用jQuery。将document.body.appendChild(divTag);替换为$('#yourtargetdiv').append($(divTag));