JQuery UI перетащить / получить позицию из нескольких Dragables

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, собирающий позицию, я хочу, чтобы вторая строка делала то же самое для другого перетаскиваемого объекта.

Answer 1

В вашем случае вам не нужно использовать параметр ui . Поскольку вы знаете, какие элементы можно перетаскивать, вы можете выбрать их конкретно и найти их позиции. Кроме того, поскольку вы используете jQuery, сделайте себе одолжение и замените document.getElementById на $ . : -)