縮略圖上的兩個網格在問題上移動

Question

我想創建兩個帶有縮略圖的網格，並且能夠將縮略圖從一個網格移動到另一個網格。 但有一個問題。

先看樣品

http://jsfiddle.net/4hBWv/

$(function() { 
    $(".sortable").sortable({ 
     connectWith:'.sortable' 
    }); 
    $(".sortable").disableSelection(); 
}); 

<table> 
    <tr> 
    <td class="sortable"> 
      <div class="ui-state-default">1</div> 
      <div class="ui-state-default">2</div> 
      <div class="ui-state-default">3</div> 
      <div class="ui-state-default">4</div> 
      <div class="ui-state-default">5</div> 
      <div class="ui-state-default">6</div> 
      <div class="ui-state-default">7</div> 
      <div class="ui-state-default">8</div> 
      <div class="ui-state-default">9</div> 
      <div class="ui-state-default">10</div> 
      <div class="ui-state-default">11</div> 
      <div class="ui-state-default">12</div> 
    </td> 
    <td class="sortable"> 
      <div class="ui-state-default">1</div> 
      <div class="ui-state-default">2</div> 
      <div class="ui-state-default">3</div> 
      <div class="ui-state-default">4</div> 
      <div class="ui-state-default">5</div> 
      <div class="ui-state-default">6</div> 
      <div class="ui-state-default">7</div> 
      <div class="ui-state-default">8</div> 
      <div class="ui-state-default">9</div> 
      <div class="ui-state-default">10</div> 
      <div class="ui-state-default">11</div> 
      <div class="ui-state-default">12</div> 
    </td> 
    </tr> 
    </table> 

如果您嘗試移動縮略圖，你會看到一個不愉快的閃爍效果。

請告訴我爲什麼會發生這種情況。

Answer 1

這個問題似乎與jQueryUI代碼處理排序和margin。如果您更改CSS有margin: 0px 0px 0px 0問題消失。

小提琴

http://jsfiddle.net/XynWR/

大概應該是提交給UI人作爲一個bug。