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