当前位置: 代码迷 >> JavaScript >> 如何在div中动态生成可放置/可拖动/可排序的div元素?
  详细解决方案

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

热度:15   发布时间:2023-06-12 14:18:40.0

您好,所以我不得不分开这个问题:

  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括号之外生成它。

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

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

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

  相关解决方案