图像，我想要实现的目标。
用户可以创建包含内容和项目的卡片。用户还可以评论项目和卡片本身。然后我需要的是显示图片中的评论。我用plumb.js 制作的连接线。我可以用 jQuery 将 Div 放在右边
$('#c' + comment.id).position({ my: "left top", at: "right top", of: $('#'+comment.parent), collision: "none" });
在数据库中，我存储评论父元素 ID。例如：“card item 1” ID 是 i95（i = item，95 是从 db 自动递增）。
问题：
- 我无法确定“用户对第 2 项的评论”CSS 位置。
- 如果一个项目有两个或更多评论，那么我如何在评论后发表评论？jQuery position() 属性冲突没有帮助。（评论互相顶）。（这是最大的问题）
- 如果评论被评论，那么我需要在右侧发表评论。
我从服务器女巫那里得到的卡片和评论是三个 JS 对象。（一个是卡片，一个是项目和评论）。首先我抽卡，然后是项目，然后是评论。在评论对象中，我有卡 ID、父 ID。在评论对象中评论没有任何顺序。
一个想法是让列表按照评论顺序排列。我知道卡片中列出的项目的顺序。然后我可以遍历评论对象并检测当前卡片有多少评论，然后查找：
- 卡片评论
- 卡片评论评论
- 项目 no1 评论
- 项目 no1 评论 评论
- 项目 no2 评论,,,, 等等
然后将项目添加到 DOM，计算每个评论高度，然后计算所有位置..
但也许有更好的方法来实现这一点......我不在乎 IE 浏览器:)
服务器端是node.js，