將兩個圖像綁定在一起以拖動

我正在尋找一些腳本的幫助來一次拖動兩個圖像。我目前有一個腳本，允許我將縮略圖拖放到一個收集箱中以便稍後保存。然而，我的一些縮略圖在其頂部放置了一張圖像，將這些縮略圖圖像表示爲「未知」植物。我想知道如果有人能夠指引我正確的方向，我將如何去約束這兩個圖像被拖拽。這裏是我的代碼：將兩個圖像綁定在一起以拖動

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

}）;

任何幫助將不勝感激。謝謝。

編輯：Website

來源

2012-07-02 Ryan Beaulieu

您可以用一個容器來包圍當前的可拖動元素，而容器可以是可拖動的而不是以前的容器。

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

PS：

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

，然後將其替換您的通話拖動看到網站後，您還可以考慮您的鏈接標籤作爲建議的容器。

來源

2012-07-18 14:53:00

您可能能夠創建包含兩個元件的物體（函數或變量），然後拖動對象。

來源

2012-07-02 17:41:30 Dylan

將兩個圖像綁定在一起以拖動

回答

相關問題