JQuery Drag Весь предмет сразу

Question

Вот мой рабочий код [JsFiddle]1. Я хочу перетащить все изображение с помощью класса .select сразу, но в настоящее время он перетаскивает один элемент.

Answer 1

Возможно, вы должны использовать контейнер для этих файлов, чтобы вы фактически перетащили один элемент. Затем примите этот элемент в контейнере, а затем после падения обработайте ситуацию по своему усмотрению.

Попробуйте this JSFiddle (модифицированные ваши), вот выдержка из JS:

$("#OriginalContainer .ImageWrapper").draggable({ 
     revert: "invalid", 
     refreshPositions: true, 
     drag: function (event, ui) { 
       ui.helper.addClass("draggable"); 
     }, 
     stop: function (event, ui) { 
       ui.helper.removeClass("draggable"); 
     } 
     }); 
     $("#DestinationContainer").droppable({ 
     accept: "#OriginalContainer .ImageWrapper", 
     drop: function (event, ui) { 

     console.log(ui.draggable); $(ui.draggable).find('.selected').addClass("dropped").removeClass('selected'); 
      $("#DestinationContainer").append($(ui.draggable).find('.selected')); 
     } 
     });