如何讓兩個DIV在某個區域自動相互連接？

真的只是尋找想法。我想要的是當兩個div與圖像接近彼此，移動他們的位置來連接彼此。任何想法如何做到這一點？如何讓兩個DIV在某個區域自動相互連接？

HTML

<body onkeyup="clearPress()" onkeydown="controlCheck(event)" style="cursor: auto;"> 
    <div id="application" style="position:absolute"> 
     <div id="accordion" class="ui-accordion ui-widget ui-helper-reset" style="position:absolute;top:0px;left:0px;width:300px;height:900px" role="tablist"> … </div> 
     <div id="buttons" style="position:absolute;top:0px;left:315px;width:1100px;height:50px;border:2px solid grey;background: url('images/ui-bg_glass_75_e6e6e6_1x400.png') repeat-x scroll 50% 50% rgb(230, 230, 230);"> … </div> 
     <div id="canvas" class="DROPPABLE ui-droppable" style="position:absolute;top:50px;left:315px;width:1100px;height:850px;border:2px solid grey"> 
     <div class="DRAGGABLE ui-draggable" style="position: absolute; width: 120px; height: 60px; top: 123.817px; left: 507.7px;" onclick="addBorder(this)"> 
      <img id="PMF00" src="/devices/AAU01-010.gif"></img> 
     </div> 
     <div class="DRAGGABLE ui-draggable" style="position: absolute; width: 42px; height: 42px; top: 988.7px; left: -344.3px;" onclick="addBorder(this)"> … </div> 
     <div class="DRAGGABLE ui-draggable" style="position: absolute; width: 84px; height: 36px; top: 138.7px; left: 412.467px;" onclick="addBorder(this)"> … </div> 
     <div class="DRAGGABLE ui-draggable" style="position: absolute; width: 80px; height: 41px; top: 143.7px; left: 151.7px;" onclick="addBorder(this)"> … </div> 
     <div class="DRAGGABLE ui-draggable" style="position: absolute; width: 100px; height: 100px; top: 92px; left: 344px;" onclick="addBorder(this)"> … </div> 
    </div> 
</div>

Look image for explanation

來源

2013-10-11 Firebirdz

你的意思是，插入到位後拖？ –

是的，先生就是這樣。 – Firebirdz

初始化與捕捉選項可拖動規定：

$(".selector").draggable({ snap: true });

，獲取或設置捕捉選項，初始化後：

// getter 
var snap = $(".selector").draggable("option", "snap"); 
// setter 
$(".selector").draggable("option", "snap", true);

來源

2013-10-28 11:05:30

http://api.jqueryui.com/draggable/#option-snap 快是我一直在尋找的話，我設置捕捉到真正的和它的作品，謝謝！

來源

2013-10-11 08:15:41 Firebirdz

如何讓兩個DIV在某個區域自動相互連接？

回答

相關問題