Enlazar dos imágenes para arrastrar

Question

Estoy buscando ayuda con una secuencia de comandos para arrastrar dos imágenes al mismo tiempo. Actualmente tengo un script que me permite arrastrar imágenes en miniatura a un contenedor de recolección para guardarlas más tarde. Sin embargo, algunas de mis miniaturas tienen una imagen colocada sobre la parte superior para representar estas imágenes en miniatura como plantas "desconocidas". Me preguntaba si alguien podría orientarme en la dirección correcta sobre cómo unir estas dos imágenes para arrastrarlas. Aquí está mi código:

$(document).ready(function() { 
var limit = 16; 
var counter = 0; 
$("#mainBin1, #mainBin2, #mainBin3, #mainBin4, #mainBin5, #bin_One_Hd, #bin_Two_Hd, #bin_Three_Hd, #bin_Four_Hd, #bin_Five_Hd").droppable({ 
    accept: ".selector, .plant_Unknown", 
    drop: function(event, ui) { 
       counter++; 
     if (counter == limit) { 
      $(this).droppable("disable"); 

     } 


      $(this).append($(ui.draggable).clone()); 


      $("#cbOptions").show(); 
      $(".item").draggable({ 
        containment: "parent", 
        grid: [72,72], 
      }); 
    } 
}); 
$(".selector").draggable({ 
    helper: "clone", 
    revert: "invalid", 
    revertDuration: 700, 
    opacity: 0.75, 
}); 

$(".plant_Unknown").draggable({ 
    helper: "clone", 
    revert: "invalid", 
    revertDuration: 700, 
    opacity: 0.75, 
}); 

});

Cualquier ayuda sería muy apreciada. Gracias.

EDIT: Website

Answer 1

Puede rodear los elementos actuales que se pueden arrastrar con un contenedor que será arrastrable en lugar de los anteriores.

<div class=".container"> 
    <div class=".selector">...</div> 
    <div class=".plant_Unknown">...</div> 
</div> 

Y luego, vuelva a colocar sus llamadas se pueden arrastrar con:

$(".container").draggable({ 
    helper: "clone", 
    revert: "invalid", 
    revertDuration: 700, 
    opacity: 0.75, 
}); 

PD: Después de ver la página web, es posible que también tenga en cuenta su etiqueta de enlace como el contenedor sugerido.

Answer 2

Usted puede ser capaz de crear un objeto (función o variable) que contiene los dos elementos, a continuación, arrastre el objeto.