jquery - Firefox 3 中的 ContentEditable - 表格辅助箭头出现在错误的位置

Question

通过 jQuerys 的after()函数插入新行时，标准的表格辅助箭头在页面上的位置非常偏离。（它们相对于正在编辑的 td 处于偏离位置）。插入的行使用 contenteditable 标记。

在 Firefox 3 上复制。

有人遇到过类似的事情吗？或者有什么办法可以禁用这些箭头？

newRow = '<tr class="focus"> <td class="column1"><div contenteditable="true">Date</div></td><td class="column2"><div contenteditable="true">Entity</div></td> <td class="column3"><div contenteditable="true">Instances</div></td><td class="column4 "><div contenteditable="true">Type</div></td><td class="column5"><div contenteditable="true">Rule by</div></td><td class="column6" contenteditable="false"><a class="save">Save</a></td></tr>';
$('.manageRules .edit').live('click', function(e) {
        $(this).closest('tr').prev().after(newRow)
    }
})

Answer 1

这可能与 Firefox 中的这个 bugg 报告有关。

https://bugzilla.mozilla.org/show_bug.cgi?id=520556

ContentEditable 在错误放置的定位元素内。