Javascript实现客户端拖拽框

Question

我如何实现一个javascript，让客户端可以选择从选择中拖动不同的框，并将其放在屏幕上？

我的主要目标是让用户通过在屏幕上放置不同的框来设计界面，并将其保存，以便稍后登录查看屏幕。

Answer 1

使用可拖放的jquery ui进行拖放。

为了保存，你可以遍历被拖放的元素并保存它们的位置，其他属性等。例如，如果你所有被拖放的元素都有类‘do’，你可以这样做：

$('.dropped').each(function() {
  // save position and other attributes of $(this) as needed
});

Answer 2

您可以使用jquery拖放功能。

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/droppable/

Answer 3

也许jQuery UI能帮上忙，看看互动的演示。