jquery - 使用 jQueryUI sortable(但仅限 Chrome)删除一行时，有 1 个额外的表格单元格

Question

我有一个使用 jQuery、jQuery UI 和 Backbone.js 的应用程序。最近开发了一个错误，当它被删除时，表中的一行(jQUery Sortable)有时会移动到另一行，就好像有一个额外的单元格一样，但在检查时没有。我刚刚注意到，这只发生在 Chrome、Chromium 和 ChromeFrame 中。

这是问题区域的屏幕截图:http://img208.imageshack.us/img208/6870/screenshotkz.png

这是 Chrome 检查界面中 HTML 的屏幕截图:http://img16.imageshack.us/img16/6985/screenshot1wdo.png 我还复制了以下 HTML:

<tr id="17052151" class="wo">
<td>17052151</td>
<td>XXXXXXXXXXX</td>
<td>XXXXXXXXXXXXX</td>
<td>Parts Here</td>
<td>RR</td>
<td>10/28/11</td>
<td>10/28/11</td>
<td>10</td>
<td><input type="text" class="woComment" value=""></td>
<td class="removeWO">X</td>
</tr>
<tr id="10097756" class="wo">
<td>10097756</td>
<td>XXXXXXXXXXXX</td>
<td>XXXXX</td>
<td>Parts Here</td>
<td>NIS</td>
<td>10/04/11</td>
<td>10/28/11</td>
<td>10</td>
<td><input type="text" class="woComment" value=""></td>
<td class="removeWO">X</td>
</tr>
<tr id="10095965" class="wo">
<td>10095965</td>
<td>XXXXXXXX</td>
<td>XXXXXXXXXXXXXXXX</td>
<td>Parts Here</td>
<td>NIS</td>
<td>09/16/11</td>
<td>10/10/11</td>
<td></td>
<td><input type="text" class="woComment" value=""></td>
<td class="removeWO">X</td>
</tr>

由于此问题不会出现在 Firefox 或 IE8 中，我认为这可能是 Chrome 的错误，但我想看看是否有其他人以前遇到过此问题。

编辑 我发现为出现问题的 View 元素调用 .render() 函数可以修复此问题。

Answer 1

也许我完全没有理解您的意思，但您能否澄清一下:您确实希望整行都可以排序，这意味着第 1 行、第 2 行和第 3 行可以通过拖动互换？

如果是这样的话，你实际上会让 tbody 成为可排序的，而不是 tr；将 sortable 应用于 tr 是导致此处出现奇怪行为的原因，因为 jqueryui 试图使 tr 的内容可排序，这非常糟糕。要对行进行排序，请使 tbody 成为可排序的，因此它会尝试对表行进行排序。

http://jsfiddle.net/cZ4n4/10/