1 ô bảng phụ khi một hàng bị xóa với jQueryUI có thể sắp xếp (nhưng chỉ dành cho Chrome)

Question

Tôi có một ứng dụng sử dụng jQuery, jQuery UI và Backbone.js. Một lỗi gần đây đã phát triển trong đó một hàng trong bảng khi nó bị loại bỏ (jQUery Sortable), một hàng khác đôi khi sẽ chuyển qua một hàng như thể có thêm một ô, nhưng khi kiểm tra thì không. Tôi vừa lưu ý rằng điều này chỉ xảy ra trong Chrome, Chromium và ChromeFrame.

Đây là một ảnh chụp màn hình của khu vực vấn đề: http://img208.imageshack.us/img208/6870/screenshotkz.png

Đây là một ảnh chụp màn hình của HTML trong giao diện thanh tra của Chrome: http://img16.imageshack.us/img16/6985/screenshot1wdo.png Tôi cũng đã sao chép mã HTML dưới đây:

<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> 

Kể từ khi vấn đề này không xảy ra trong Firefox hoặc IE8 Tôi nghĩ đó có thể là lỗi của Chrome, nhưng tôi muốn xem liệu có ai khác đã gặp sự cố này trước đây hay không.

EDIT Tôi nhận thấy rằng gọi hàm .render() cho phần tử chế độ xem của tôi là sự cố xảy ra trong việc khắc phục vấn đề này.

Answer 1

Có lẽ tôi hoàn toàn thiếu điểm, nhưng bạn có thể làm rõ: Bạn muốn toàn bộ hàng có thể sắp xếp được, nghĩa là hàng 1, hàng 2 và hàng 3 có thể hoán đổi cho nhau bằng cách kéo?

Nếu trường hợp đó xảy ra, bạn thực sự sẽ làm cho một người có thể sắp xếp, không phải là tr; áp dụng các sortable để tr là những gì gây ra hành vi kỳ lạ ở đây, như jqueryui cố gắng để làm cho các nội dung của tr sắp xếp, mà đi awefully xấu. Để sắp xếp các hàng, làm cho một tbody có thể sắp xếp, do đó, nó sẽ cố gắng phân loại các hàng trong bảng.

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