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