divをJQueryで別の場所に配置する

HTML/CSS/JSの詳細については、個人的なプロジェクトがあります。
しかし、私はそれに問題があります。divをJQueryで別の場所に配置する

私は<body>に2つのdivを持ち、それぞれに2つの円形同心円のdivがあります。 1つはエリアの中心に配置され、もう1つはエリアの中央に配置されません。

<div id="sphaea_bloc"> 
    <div id="actor" class="actor_locked"> 
     <div class="actor_extern_locked"> </div> 
     <div class="actor_intern_locked"> </div> 
     </div> 

     <div id="lock" class="lock_locked"> 
     <div class="lock_extern_locked"> </div>  
     <div class="lock_intern_locked"> </div> 
     </div>  
</div>

ベースの配置は良好です。

第2のステップは、ドラッグアンドドロップにJQueryを追加することです。正常に動作します。目的は小さなdivをより大きなdivに落とすことです。
失敗すると、ベース位置に正しく戻ります。
しかし、ドロップがうまくいくと、大きなdivの中心に小さなdivを配置してJQueryを配置したい（4つの円を同心円にする）。

私は長い間検索しましたが、私は問題なくそれをすることはできませんでした：私はいつも私の2つの部門間で少しオフセットしています...そして、なぜ私は理解できません。ここで

がfiddlejsリンクです： FiddleJS link

誰かが問題を見つけるために私を助けることができる、そしてなぜ私の小さなdivが大きめの内側が、オフセットといつも一緒ですか？

ありがとうございます！あなたが変更した場合でも AeldredOni

出典

2016-04-01 Aeldred

ときに'display' attr' inline-block'を設定しました –

私は多くの値を試しましたが、同じ問題が残っています：/ – Aeldred

小さなdivに絶対位置を使用できますか？ –

私は以下のようにやっている

、そしてその作業は、それが中央に配置されますのdivの高さ：あなたは要素をセンタリングすることはできません

.actor_locked { 
    position:absolute; 
    left:-9999px; 
    right:-9999px; 
    top:-9999px; 
    bottom:-9999px; 
    display: block; 
    margin: auto; 
    width: 60px; 
    height: 60px; 
    border-radius: 50px; 
}

http://jsfiddle.net/xga3dzfm/1/

出典

2016-04-01 08:57:17

ありがとう、私はこれを試してみよう、もしそれが本当に私が必要なものです！次のステップにも同じように、小さなdivの幅と高さをアニメーション化してください！ありがとう！ – Aeldred

私はそれがあなたを助けてくれることを願っています:) –

ちょうどその瞬間^^ 落とし穴がロックされているときにjqueryコマンドを追加してみました： $（ '＃actor'）css（{"position"： " 9999px "、" display "：" block "}）;" - "9999px"、 "right"： " - 9999px"、 "top"： " - 9999px"、 "bottom" しかし、正しいドロップが検出されたとしても、俳優は正常な位置に戻ります... – Aeldred

divをJQueryで別の場所に配置する

答えて

関連する問題