Как перетаскивать несколько элементов одновременно с помощью JavaScript или jQuery?

Question

Как перетаскивать несколько элементов одновременно с помощью JavaScript или jQuery?

defacto стандарт для изучения Grails является превосходным Начало работы с Grails Jason Rudolph. Можно дебатировать, является ли это учебным руководством онлайн или книгой, так как это может быть куплено, но доступно как бесплатная загрузка. Существуют более "реальные" опубликованные книги, и я рекомендую Начать Groovy и Grails.

23

javascript jquery jquery-ui jquery-plugins drag-and-drop

задан isherwood 26 February 2015 в 20:41

1 ответ

Другие вопросы по тегам:

javascript jquery jquery-ui jquery-plugins drag-and-drop

Похожие вопросы:

score 9 · Answer 1

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 = ui.originalPosition;

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

        moveSelected(offsetLeft, offsetTop);
    }       
};

$(document).ready(function() {
    $('#dragOne, #dragTwo').draggable(draggableOptions);
});

function moveSelected(ol, ot){
    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);
    })
}