Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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
在Div中显示背景,并使用javascript将其填充为可单击的项目_Javascript_Jquery_Html_Css - Fatal编程技术网

在Div中显示背景,并使用javascript将其填充为可单击的项目

在Div中显示背景,并使用javascript将其填充为可单击的项目,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我目前正在寻找一种可能的解决方案,即在背景图像上绘制200个可点击的项目,并将其保存到数据库中 每个项目可以拖动,可能需要围绕背景图片移动,我正在考虑一个编辑模式 请注意,这是否可以以非常轻松的方式实现 是否每个项目都包含背景图像的一部分,因此在拖动时需要随元素一起移动?i、 像拼图一样?不,背景只是一个图像,或者可能包含墙、桌子或花之类的碎片。让我们考虑一间办公室,你想把椅子搬来搬去。背景是一种静态的颜色,比如说灰色,你把物品放在上面,比如说椅子和桌子。您应该能够移动这些项目,还可以单击/选择

我目前正在寻找一种可能的解决方案,即在背景图像上绘制200个可点击的项目,并将其保存到数据库中

每个项目可以拖动,可能需要围绕背景图片移动,我正在考虑一个编辑模式


请注意,这是否可以以非常轻松的方式实现

是否每个项目都包含背景图像的一部分,因此在拖动时需要随元素一起移动?i、 像拼图一样?不,背景只是一个图像,或者可能包含墙、桌子或花之类的碎片。让我们考虑一间办公室,你想把椅子搬来搬去。背景是一种静态的颜色,比如说灰色,你把物品放在上面,比如说椅子和桌子。您应该能够移动这些项目,还可以单击/选择这些项目。如果您想使用jQuery,请看一看。@hungerstar这看起来很有希望,谢谢。我在中做了一个粗略的示例(我相信可以改进很多)。因此,缺少的一部分是数据库保存。这可能要求每个项目都有一个唯一的ID,并通过单击保存按钮保存到数据库,该按钮获取每个项目的ID、左值和顶值,并提交到后端。您选择何种格式发送该数据取决于您。