如何以適應拖動的元素下降的div jQuery的

我試圖向正契合了拖動的元素父它拖成功地後（dragabble DIV是相同的寬度和高度，像投擲的元素）如何以適應拖動的元素下降的div jQuery的

燦有人幫助我如何「適應」這兩個要素？

我給可投放看起來像的代碼：

$(function() { 
    $(".cells").droppable({ 
      accept: "#image", 
      activeClass: "hovered", 
      hoverClass: "active", 
      drop: function(event, ui) { 
      } 
      }); 
});

來源

2013-12-21 code_pretty

第一溶液將使用fit

$(".selector").droppable({ tolerance: "fit" }); //Draggable overlaps the droppable entirely.

的第二個將是修改可拖動元件的頂部和left屬性所以itmatches的親本通過.css

$(function() { 
    $(".cells").droppable({ 
      accept: "#image", 
      activeClass: "hovered", 
      hoverClass: "active", 
      drop: function(event, ui) { 
      draggable.css("top",droppable.css("top")) 
      draggable.css("left",droppable.css("left")) 
      } 
      }); 
});

Demo

來源

2013-12-21 17:45:18 ProllyGeek

謝謝，很多有用的肯定，但什麼情況下，當我的div沒有頂部和左側屬性？我正在漂浮他們。預成型的唯一方法是在文檔中確定這種div的位置？ –

給我一個你正在努力實現的小提琴，我應該盡力幫助！ – ProllyGeek

瀏覽一下這裏：http://jsfiddle.net/h6r8N/2/我在我的代碼中有與divs相同的「表」，對於他們中的每個人我嘗試拖動圖像，然後我試圖適合圖像到那個div，這是棋盤遊戲的一部分;）感謝您的幫助！ –

如何以適應拖動的元素下降的div jQuery的

回答

相關問題