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

Question

你好所以我必须回答这个问题:

1. 我希望能够在用户执行某项操作时动态创建 div 元素(例如，单击按钮将某些内容拖入可放置项并创建一个新的可放置项)。我现在正在使用这段代码，它成功生成了 css block :

   函数 createDiv(){ var divTag = document.createElement("div");

   divTag.id = "slotclass";

   divTag.className ="连接";

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

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

   <

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

Answer 1

1. 假设你想让它可排序，在你追加 child 后初始化可排序:$("#slotclass").sortable({ ... }); 或 $(divTag).sortable({ ... });

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