1つを超えるドラッグ可能なコンテナを含むドロップ可能なコンテナがあります。ドラッグ可能なもののいずれかをドラッグするたびに、ドラッグ可能なものの位置を簡単に確認できるようにしたいと思います。簡単そうに聞こえますが、私はそれを理解するのに苦労しています。これが私が持っているものです:
<script type="text/javascript">
$(function() {
$("#draggable").draggable({ containment: '#droppable' });
$("#draggable2").draggable({ containment: '#droppable' });
$("#droppable").droppable({
drop: function(event, ui) {
document.getElementById('position1').value = ui.position.top + ', ' + ui.position.left;
}
});
});
</script>
基本的に、position1入力IDが位置を収集している場合、2番目の行に他のドラッグ可能なものに対して同じことを実行させたいと思います。