2

サムネイルを含む 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 に答える