2011-10-28 6 views
6

jQuery、jQuery UI、およびBackbone.jsを使用するアプリケーションがあります。最近、バグが発生してテーブルを削除したときに(jquery Sortable)別の​​行が余分なセルがあるかのように行を移動することがありますが、検査の際にはそうではありません。私は、これがChrome、Chromium、ChromeFrameでのみ発生することに気付きました。 http://img16.imageshack.us/img16/6985/screenshot1wdo.png 私はまた、以下のHTMLをコピーしている:この問題以来jQueryUIで行が削除されたときにテーブルセルが追加される(ただし、Chromeのみ)

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

をここで

http://img208.imageshack.us/img208/6870/screenshotkz.pngは、Chromeの検査インターフェイスでHTMLのスクリーンショットです:ここで

は、問題領域のスクリーンショットですFirefoxやIE8では発生しないChromeバグかもしれないと思っていますが、他の誰かがこの問題を経験したかどうかを知りたいと思っていました。

EDIT 私は、私の見解要素の.render()機能を呼び出すと、問題が修正でこの問題を発生することがあることを発見しました。

+0

これは、クロームのバグですが、私はそれを修正する方法を発見していません。最も一般的な提案は、ページの再描画を引き起こす何かをすることです。 –

+0

ヘルプを表示する前に、CSSを含める必要があります。関連するCSS(および該当する場合はJS/HTML)を追加してください:http://jsfiddle.net/cZ4n4/ –

+0

@RobW http://jsfiddle.net/cZ4n4/2/列の代わりに列を並べ替えるだけです。 –

答えて

0

多分私はあなたのポイントを見逃しているかもしれませんが、明らかにすることができます:行全体をソート可能にしたい、行1、行2、行3はドラッグで交換可能ですか?

実際そうであれば、実際にはtbodyをソート可能でtrではなくなります。 jqueryuiはtrの内容をソート可能にしようとしますが、これはひどく悪いことです。行をソートするには、tbodyをソート可能にして、テーブル行のソートを試みます。

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