jquery ui拖放从多个可拖动对象中获取位置

Question

我有一个可放置的容器，里面有 >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 收集位置的情况下，我希望第二行对另一个可拖动对象执行相同的操作。

Answer 1

在您的情况下，您不需要使用ui 参数。由于您知道哪些元素是可拖动的，因此您可以专门选择它们并找到它们的位置。此外，由于您使用的是 jQuery，请帮自己一个忙，将 document.getElementById 替换为 $。 :-)