Question

如何强制将可拖动项目放在其他可拖动项目上？

要明确的是，我正在制作关于房屋规划师的申请，并且有两种类型的项目：代表设备的图标和代表房间的形状（计划）。图标必须不明显地放在地板下，所以我需要房间总是在设备的图标下面。

现在我知道我必须使用stack: ".theroomsId"，但在我的代码中，它运行得很糟糕。它仅适用于第一个房间。

请看这个小提琴http://jsfiddle.net/wQ8YA/11/并告诉我我做错了什么。

PS：我是Javascript和jQuery的新手，所以你会发现我编写的代码存在其他问题。如果可以，请报告。

编辑：

所以最后我没有使用属性堆栈，我只是在CSS文件中添加了position:absolute并使用每个元素的z-index，通过给元素提供更高的z-index我想在前面。学习！：）

Answer 1

你的问题似乎是一个常见的错误。 js中的样式会覆盖css中的样式。

您应该只修改js中的z-index而不是css中的z-index，因为在这种情况下js会覆盖它。我在你的例子上试了一下它似乎有效。

以下是您可以尝试的示例：

<div id="parent" width="500px" height="500px">
<div id="child1" width="500px" height="500px" style="position:aboslute; top: 0px; left: 0px;background-color:green; z-index:5"/>
<div id="child1" width="500px" height="500px" style="position:aboslute; top: 0px; left: 0px;background-color:yellow; z-index:10"/>
</div>

尝试并修改z-index值，div通常会从黄色变为绿色

jQuery：make draggable item出现在另一个可拖动的项目下

1 个答案: