Question

我有一个可放置的容器，其中包含＆gt; 1个draggables。我希望每次拖动其中任何一个时都能看到每个拖拽的位置。听起来很简单，但我很难搞清楚。这就是我所拥有的：

<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收集到位置，我希望第二行为另一个draggable做同样的事情。

Answer 1

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

jquery ui拖放从多个draggables获取位置

1 个答案: