chrome 中的 jQuery 可拖动助手故障

Question

我尝试了我所知道的一切来解决这个问题，但没有成功。我的网站在 IE 和 FF 中完全运行。 Chrome 中有一个小故障 - 没有原因。

我有两张 table 。源表和目标表。我将表行 (tr) 从源拖动到目标或目标表内。当我开始拖动该行时，它会被自制助手克隆以自由拖动。

helper: function(event){
/* HERE IS THE PROBLEM */
   return $('<div class="dragged-row"><table></table></div>')
          .find('table').append($(event.target).closest('tr').clone().addClass("dragged-row")).end();
},

(我从互联网上获得此代码)

当我使用助手“克隆”时，问题就消失了，但我的类没有应用(紫色背景颜色)。

我在 http://jsfiddle.net/jt3LX/ 上创建了一个最小化示例

您可以拖动一行。如果你开始拖动，两条线都会变成紫色(这是想要的)。但在 chrome 中，表格的第一行变得很大(为什么？？？)。

您能帮我解决以下一种(或两种)可能性吗:

• 找到另一种方法使源背景变成紫色，
• 找到“第一行变大”的问题——glitch。

非常感谢，迈克尔

Answer 1

使用这一行:return $(this).addClass("dragged-row").clone();

http://jsfiddle.net/jt3LX/2/

    $(".drag tr").not(".tableHead").draggable({
        helper: function(event){
            /* HERE IS THE PROBLEM */
            return $(this).addClass("dragged-row").clone();
        },
        start: function(event, ui){
            $(this).css("background-color", "#aaaaff");

            c.tr = this;
            c.helper = ui.helper;
        },
        stop: function(event, ui){
            $(this).css("background-color", '');

            c.tr = null;
            c.helper = null;
        }
    });

在 FF、IE9 和 Chrome 上测试