jquery – 将两个图像绑定在一起进行拖动

我正在寻找一些脚本的帮助,一次拖动两个图像.我目前有一个脚本,允许我将缩略图图像拖到收集箱中以便稍后保存.但是,我的一些缩略图有一个位于其顶部的图像,以将这些缩略图表示为“未知”植物.我想知道是否有人可以指出我如何将这两个图像绑定在一起以便被拖动.这是我的代码：

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

});

任何帮助将不胜感激.谢谢.

编辑：Website

<div class=".container">
    <div class=".SELEctor">...</div>
    <div class=".plant_UnkNown">...</div>
</div>

$(".container").draggable({
   Helper: "clone",});