创建可拖动的表格行，并在浏览器中产生奇怪的效果

Question

我目前正在弄乱一些代码，这些代码最终将在我在大学的最后一年项目中使用，并且我添加了一个将从数据库中填充的表格，但我想使行本身可拖动，以便我可以使用它在页面上的元素周围传递信息。

我已经使用以下代码使拖动工作：

$(document).ready(function(){
        $(".tr_row").draggable({
              helper: function(event) {
                  return $('<div class="drag-row"><table></table></div>')
                .find('table').append($(event.target).closest('tr').clone()).end();
              },
          });
     });

这是一个例子：http://example.faved.co.uk

我遇到的问题是它的查看位置，如果在 Chrome 或 Safari 中打开它，那么当您拖动它时，它会弄乱表格外观，直到您松开，如果您在 Firefox 中打开它，那么它工作正常并且不会对表格做任何事情。

我的问题是，为什么在这些浏览器中会发生这种情况？ 我能做些什么来阻止它的发生，并让它像在 Firefox 中打开时一样工作？

谢谢

Answer 1

多亏了大学的一位同事，我找到了答案，

基本上，如果我将拖动div 的位置设置为绝对位置，那么它在所有浏览器中都是一种享受：