jquery - 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为$. :-)