如何在div中动态生成可放置/可拖动/可排序的div元素？

Question

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

1. 我希望能够在用户执行操作时动态创建div元素（例如，单击按钮将某物拖放到可放置对象中并创建新的可放置对象）。 我现在正在使用此代码，它已成功生成css块：

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

   divTag.id =“ slotclass”;

   divTag.className =“ connect”;

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

2. 我希望动态生成的div元素出现在具有css样式表中的特定ID的div中。 但是，当我使用createDiv（）时，无论我做了什么尝试（例如，不合上括号或在这种情况下将我的按钮放在div括号内），它都会在div括号之外生成它。

如果有人可以在这两个方面提供帮助，那就太好了！ 非常感谢。

Answer 1

1. 假设您要使其可排序，并在附加子级之后初始化可排序： $("#slotclass").sortable({ ... }); 或$(divTag).sortable({ ... });

2. 您将新的div附加到了正文中。 为简单起见，我使用jQuery。 替换document.body.appendChild(divTag); 与$('#yourtargetdiv').append($(divTag));