Jquery一次拖动所有项目

Posted 2023-05-08

【中文标题】Jquery一次拖动所有项目

【英文标题】：Jquery Drag All item at once

【发布时间】：2015-10-30 19:13:31

【问题描述】：

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

【参考方案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'));
        
        );