Jquery-ui Draggable不會將初始位置的頂部位置更改爲初始位置的負數

Question

我一直在使用Jquery-ui可拖動來拖動幾個div以獲得新的位置，但我有一個問題。

當我初始化我給div一個位置絕對，並設置它的左側和頂部位置，使div站正確的方式，我把它們包裝在一個名爲'設備預覽'的div容器中，然後使用這個作爲遏制工作正常，第一個div，第二個div放在第一個div下，不會從最初的位置上升。而我在迷路。

所以我創造了這個JSfiddle，以顯示如何我的代碼破解了，

HTML

<div class="col-md-6" id="DevicePreview" style="min-height:200px;" cg-busy="loader"> 
         <div style="position:relative;" class="draggableObj"> 
          <div style="position:absolute;"> 
           <h3><i class="fa fa-fw fa-arrows btn-success" style="padding:2px; border-radius:15%;cursor:move" ></i>move It</h3> 
           <input class="form-control" disabled="disabled"/> 
          </div> 
         </div> 
         <div style="position:relative" class="draggableObj"> 
          <div style="position:absolute; top:80px"> 
           <h3><i class="fa fa-fw fa-arrows btn-success" style="padding:2px; border-radius:15%;cursor:move" ></i>move It</h3> 
           <input class="form-control" disabled="disabled"/> 
          </div> 
         </div> 
        </div> 

JS

$(".draggableObj").draggable({ 
    containment: "#DevicePreview" 
}); 

，正如我所說，我的問題是，我可以」在底部取得div，然後切換頂部的位置。

感謝您的時間。

Answer 1

所以我發現我的問題是，我試圖附加一個類，然後選擇多個元素的可拖動。

結果是，我只能捕獲附加到可拖動區域的最後一個元素，除最後一個之外的每個人都還創建了自己的遏制。

解決的辦法是在一個獨特的Id基本元素上創建它，而不是由som jquery創建，然後工作。