当使用 jQueryUI 可排序删除一行时，1 个额外的表格单元格（但仅限 Chrome）

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 的错误，但我想看看是否有其他人以前遇到过此问题。

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

Answer 1

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

如果是这种情况，您实际上应该使 tbody 成为可排序的，而不是 tr；将可排序应用于 tr 是导致这里出现奇怪行为的原因，因为 jqueryui 试图使 tr 的内容可排序，这非常糟糕。要对行进行排序，请使 tbody 可排序，以便它尝试对表行进行排序。

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