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

Question

你好，所以我不得不部分这样的问题：

1. 我希望能够当用户执行操作来动态创建div元素（比如，点击一个按钮拖动东西放到一个投掷的创造一个新的droppble）。我正在使用此代码，并且它正在成功生成css块：

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

   divTag.id =“slotclass”;

   divTag.className =“connect”;

   document.body.appendChild（divTag）; } ...虽然我不太确定如何使它在此之后可以droppable/draggable/sortable。

2. 我想动态生成的div元素出现在具有CSS样式表中特定ID的div中。但是，当我使用createDiv（）时，无论我尝试过什么东西（比如不要在括号内放置括号或将此按钮放置在div括号内），它都会在div括号外生成它。

如果任何人都可以帮助这两方面，那太棒了！非常感谢。

Answer 1

1. 比方说您想让它排序，你追加孩子后初始化排序： $("#slotclass").sortable({ ... });或$(divTag).sortable({ ... });

2. 你体内附加新的股利。为了简单起见，我使用jQuery。将document.body.appendChild(divTag);与$('#yourtargetdiv').append($(divTag));