У меня есть функция выбора и перетаскивания. Вы можете выбрать 3 элемента и перетащить их вместе.
Проблема в Chrome. Если один элемент имеет свойство «-webkit-transform: rotate», весь диапазон увеличивается. Это странно, потому что в Firefox он отлично работает.
Рабочий пример можно посмотреть по адресу:
http://jsfiddle.net/K2EX9/4/
просто попробуйте в Chrome, выделите мышью 3 элемента и перетащите их.
Вот код:
$('#selectable1').bind('dragSetup', function() {
var selected = $([]), offset = {top:0, left:0};
$('#selectable1 span.drag').draggable({
start: function(ev, ui) {
$(this).is("#selectable1 span.ui-selected") || $("#selectable1 span.ui-selected").removeClass("ui-selected");
selected = $("#selectable1 span.ui-selected").each(function() {
var el = $(this);
el.data("offset", el.offset());
});
offset = $(this).offset();
},
drag: function(ev, ui) {
var dt = ui.position.top - offset.top, dl = ui.position.left - offset.left;
selected.not(this).each(function() {
var el = $(this), off = el.data("offset");
el.css({top: off.top + dt, left: off.left + dl});
});
},
});
});
Спасибо.