Jquery 一次拖动所有项目

Question

这是我的工作代码[JsFiddle]1。我想一次拖动 .select class 的所有图像，但目前它正在拖动单个元素。

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

Jquery 一次拖动所有项目

Jquery Drag All item at once

javascript

jquery

drag-and-drop

draggable

drag