1

これは、jQuery++ を使用してドラッグ アンド ドロップを実装するために使用しているコードです。

<div id="parent">
  <div id="left">
     <div class="ab">1</div>
     <div class="ab">2</div>
     <div class="ab">3</div>
     <div class="ab">4</div>
     <div class="ab">5</div>
  </div>
  <div id="right"></div>
</div>


$('.ab').on({
  'draginit': function (ev, drag) {
    drag.ghost();
  }
});

$('#right').on({
 "dropover": function (ev, drop, drag) {
    $(this).addClass('highlight');
 },
    "dropout": function (ev, drop, drag) {
    $(this).removeClass('highlight');
 },
    'dropon': function (ev, drop, drag) {
    $(this).append(drag.element.clone(true, true));
    $(this).removeClass('highlight');
 }
});

しかし、右にドロップした後、原点にドラッグすると問題が発生します。スクロールバーを追加してコンテナ内にドラッグしています。この問題を解決するにはどうすればよいですか?

フィドル: http://jsfiddle.net/cjcg4/7/

4

1 に答える 1