JavaScript - 更改父属性值时子属性值会自动更改

Question

我是拖放功能的新手。这是 codepen http://codepen.io/anon/pen/myzVxq

中的应用程序 link

这是它的工作原理，

1. data-appt in drop class用于指定放置.drag的个数。一个.drop中只能放两个.drag class.
2. data-appt in drag class用于指定.drag class的高度 基于 <td>。 data-appt drop class 的值将在 拖放 drag class of <div>.

这是我的问题，

• 当我拖放 <div> 的 .three class 时，它的 data-appt 值为 改为1。我不知道为什么，但不应该改变。
• 并且我在评论的帮助下标记了存在问题的地方 在 javascript 代码中(/* */).

请帮助我，这对我很有帮助。提前致谢。

Answer 1

我检查了codepen的例子你在改变拖动的时候改变了.dragclass的data-appt。

您只需更改 .drop class。否则将 .drag class 的名称 data-appt 属性更改为其他名称。