Jquery一次拖动所有项目

Question

以下是我的工作代码[JsFiddle] 1。我想一次拖动.select类的所有图像，但目前拖动单个元素。

Answer 1

您可能应该为这些文件使用容器，以便实际拖动一个元素。然后在容器中接受这个元素，然后在drop下处理你喜欢的情况。

试试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'));
        }
        });