jquery - 动态div定位依次在下方

Question

图片，我想达到的效果。

用户可以创建包含内容和元素的卡片。用户还可以评论元素和卡片本身。那么我需要的是像图片中那样显示评论。我用 plumb.js 制作的连接线。我可以用 jQuery 将 Div 放在右边

$('#c' + comment.id).position({ my: "left top", at: "right top", of: $('#'+comment.parent), 碰撞: “无”});

在数据库中，我存储评论父元素 ID。例如:“card item 1”ID是i95(i = item，95是从db自动递增)。

问题:

• 我无法确定“用户对元素 2 的评论”CSS 位置。
• 如果一个元素有两条或更多条评论，那么我如何在评论之后发表评论？ jQuery position() 属性冲突没有帮助。 (评论互相排在最前面)。 (这是最大的问题)
• 如果评论被评论，那么我需要在右侧放置评论。

我从服务器女巫那里得到的卡片和评论是三个 JS 对象。 (一个是卡片，一个是元素和评论)。首先我画卡片，然后是元素，然后是评论。在评论对象中，我有卡 ID、父 ID。在评论对象评论中没有任何顺序。

一个想法是制作带有排列评论顺序的列表。我知道卡片中列出的元素是按什么顺序排列的。然后我可以遍历评论对象并检测当前卡片有多少条评论，然后查找:

1. 卡片评论
2. 卡片评论评论
3. 第 1 条评论
4. item no1 comment comments
5. item no2评论、、、、等等

然后添加item到DOM，计算每条评论高度然后计算所有位置..

但也许有更好的方法来实现这一目标......我不关心 IE 浏览器:)

服务器端是node.js，

Answer 1

答案在这里。 http://jsfiddle.net/63es7/我无法在 jsfiddle 上添加 jsplumb 连接。我在 div 上添加了碰撞检测。这不是一个很好的解决方案，但我正在努力:)