缩略图上的两个网格移动问题

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/

可能应该作为bug提交给UI人员