UI や他のプラグインなしでドラッグ可能な div を作成しました。しかし、ドロップ可能なdivを作成できないという大きな問題があります。これが私のコードです:
$(function() {
$(".dragIt").on("mousedown", function(e) {
var $dragIt = $(this).addClass('draggable');
var z_idx = $dragIt.css('z-index'),
dragHeight = $dragIt.outerHeight(),
dragWidth = $dragIt.outerWidth(),
positionY = $dragIt.offset().top + dragHeight - e.pageY,
positionX = $dragIt.offset().left + dragWidth - e.pageX;
$dragIt.css('z-index', 1000).parents().on("mousemove", function(e) {
$('.draggable').offset({
top: e.pageY + positionY - dragHeight,
left: e.pageX + positionX - dragWidth
});
});
e.preventDefault();
}).on("mouseup", function(e) {
$(this).removeClass('draggable');
});
});
私は次のようないくつかの方法を試しました:
if ( $('.dragIn').position() < $('.dropIn').position() ) {console.log('dropped');}
しかし、うまくいきません。解決策はありますか?前もってありがとう!