Unisci due immagini per trascinarle

Question

Sto cercando aiuto con uno script per trascinare due immagini contemporaneamente. Al momento ho uno script che mi permette di trascinare le immagini in miniatura in un raccoglitore di raccolta da salvare in seguito. Tuttavia, alcune delle mie miniature hanno un'immagine posizionata sopra di esse per rappresentare queste immagini di anteprima come piante "sconosciute". Mi stavo chiedendo se qualcuno potesse indicarmi la giusta direzione su come fare per legare insieme queste due immagini per essere trascinate. Ecco il mio codice:

$(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, 
}); 

});

Qualsiasi aiuto sarebbe molto apprezzato. Grazie.

EDIT: Website

Answer 1

È possibile circondare gli elementi trascinabili correnti con un contenitore che sarà trascinabile anziché i precedenti.

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

E poi, sostituire le chiamate trascinabili con:

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

PS: Dopo aver visto il sito web, si può anche considerare il tag collegamento come contenitore suggerito.

Answer 2

Può essere possibile creare un oggetto (funzione o variabile) che contiene entrambi gli elementi, quindi trascinare l'oggetto.