Javascript 通过JS在表中显示div，并将绝对位置移动表列

我在玩jQuery，以便在单击表中的删除链接时有一个确认框。 我设法使它工作，但当框显示，列移动到左侧，这是不完美的

我不知道它来自哪里：我的CSS，我的JS，基金会CSS？ 我创建了一个，以便您可以检查结果。单击“删除”时会发生这种情况

以下是JSFIDLE中的代码：

$（文档）.ready（函数（）{
//确认删除
$（'.delete action'）。单击（函数（）{
//获取href的路径
var item_link=this.href；
//选择并获取宽度和高度
var item_section=$（this）.closest（'tr'）；
var item_section_width=item_section.outerWidth（）；
var item_section_height=item_section.outerHeight（）；
//将css添加到
项目_部分css（‘位置’、‘相对’）；
//在对话框中显示确认框
项目\u节。追加（'\n\
是否确实要删除此条目？-
这是一个标题
2017-07-08
- 
这是一个标题
2017-07-08
- 

我终于改变了方法，从“div”解决方案切换到“td”解决方案。结果如下：

<代码> /基础 $（document.foundation（）； //jQuery $（文档）.ready（函数（）{ //确认删除 $（'.delete action'）。单击（函数（）{ //获取href的路径 var item_link=$（this.attr（'href'）； //选择并获取高度 var item_tr=$（this）.closest（'tr'）； var item_tr_height=item_tr.outerHeight（）； var item_tr_value=item_tr.html（）； //在对话框中显示确认框 项目_tr.empty（）； 项目_tr.追加（'\ 是否确实要删除此条目？- 这是一个标题2 2017-07-09 - 这是一个标题3 2017-07-10 -

---

我看不到列移动。对我来说很好。它很好。我也发现很好。@AKA，似乎在Firefox中发生了。这似乎是由于每次浏览都在处理如何将DIV添加到TR中（这不是有效的html）实际上，在chrome上检查，我所做的甚至都不起作用…我确实是在FF上做的。你的TR需要一个

位置：相对
样式，这样删除容器的绝对位置就可以起作用，而不是更上一层的父容器。或者使用有效的html并将删除容器附加到一个有效的位置，然后计算实际的位置把它放在TR上。