Question

我正在尝试同时拖动多个选定的对象。我查看了this链接，以帮助我完成此操作。我无法获得拖动多个选定对象的全部功能。具体来说，当选择多个对象时，我似乎无法确定被拖动项目的坐标。项目始终具有0,0坐标。这是我的fiddle

有人可以查看我的代码，让我知道我错过了什么吗？

$(document).ready(function() {
$('#textbox, #textbox1').draggable(draggableOptions);
});


    var selectedObjs;
    var draggableOptions = {
    start: function (event, ui) {
        //get all selected...
        selectedObjs = $('div.selected').filter('[id!=' + $(this).attr('id') + ']');

    },
    drag: function (event, ui) {
        var currentLoc = $(this).position();
        var orig = $(this).data('orig');

        if (!orig) {
            orig = ui.originalPosition;
        }

        var offsetLeft = currentLoc.left - orig.left;
        var offsetTop = currentLoc.top - orig.top;

        moveSelected(offsetLeft, offsetTop, selectedObjs);
        $(this).data('orig', currentLoc);
    }
   };


   function moveSelected(ol, ot, selectedObjs) {
    console.log(selectedObjs.length);
    selectedObjs.each(function () {
        $this = $(this);
        var pos = $this.position();

        var l = $this.context.clientLeft;
        var t = $this.context.clientTop;

        $this.css('left', l + ol);
        $this.css('top', t + ot);
    });
    }

Answer 1

我发现了这个问题，我不得不改变左侧和顶部的计算方法请参阅下面的代码，

 var pos = $this.position();

 var l = pos.left;
 var t = pos.top;

如何使用jQuery一次拖动多个对象？

1 个答案: