Jquery-ui Draggableは、先頭位置を初期位置の負に変更しません。

Question

私はJquery-ui draggableを使用してdiv25をドラッグして、新しい位置を得るために に問題があります。

私がサイドを初期化するとき、divをポジションアブソリュートにして、それを左と上の位置に設定して、divスタンドを正しい方法にするために、 'Device Preview'というdivコンテナの中にそれらをラップし、最初のdivのために、最初のdivの下に置かれた2番目のdivは、最初の位置から上がらないでしょう。そして、私は失われています。

だから私は

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

とi「は私の問題は、私ができることです、言ったように、どのように私のコードの亀裂を表示するには、このJSfiddleを作成下のdivを取得して、上に1つの場所を切り替えます。

お時間をいただきありがとうございます。

Answer 1

私は私の問題が、複数の要素を選択したクラスにdraggableを付けようとしていることがわかった。

結果は、ドラッグ可能な領域に接続された最後の要素だけを捕捉でき、最後の要素はすべて自分の包含を作成したことになります。

解決策は、som jqueryによって作成された独自のIDベース要素で作成することでした。