Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript为客户端实现拖动框_Javascript_Jquery_Html_Ajax - Fatal编程技术网

Javascript为客户端实现拖动框

Javascript为客户端实现拖动框,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我如何实现一个javascript,它让客户端选择从选择中拖动各种框并将其放置在屏幕中 我的主要目标是让用户通过在屏幕中放置各种框来设计界面,并将其保存,以便以后登录查看屏幕。您可以使用jquery拖放功能 也许会有所帮助,请查看演示以获取交互。使用jquery ui可拖动和可拖放进行拖放 为了保存,您可以遍历被删除的元素并保存它们的位置、其他属性等。例如,如果所有被删除的元素都被分类为“dropped”,您可以执行以下操作: $('.dropped').each(function() {

我如何实现一个javascript,它让客户端选择从选择中拖动各种框并将其放置在屏幕中


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

您可以使用jquery拖放功能


也许会有所帮助,请查看演示以获取交互。

使用jquery ui可拖动和可拖放进行拖放

为了保存,您可以遍历被删除的元素并保存它们的位置、其他属性等。例如,如果所有被删除的元素都被分类为“dropped”,您可以执行以下操作:

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