2

我想创建两个带有缩略图的网格，并且能够将缩略图从一个网格移动到另一个网格。但有一个问题。

看样本

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>

如果您尝试移动缩略图，您将看到令人不快的闪烁效果。

请告诉我为什么会这样。

4

1 回答 1

0

问题似乎出在 jQueryUI 代码处理排序和margin. 如果您更改 CSS 以margin: 0px 0px 0px 0使问题消失。

小提琴

http://jsfiddle.net/XynWR/

可能应该作为一个错误提交给 UI 人员。

于 2012-12-29T17:11:57.150 回答