img
JavaScriptで簡単なカードゲームを書いていますが、プレイしたときに「カード」をターゲットにスナップさせたいと思います。これは、現在の親からを削除img
し、新しい親(ターゲット)に配置することで実現しています。ただし、img
jQueryを使用して新しいコンテナにを配置する.appendTo()
と、カードが画面の隅にスナップします。
実用的な例については、このデモを参照してください。
div
新しい親に移動したときに画面の隅にスナップする理由はありますか?div
の親を変更すると、バックグラウンドで継承/失われるcssプロパティがあるかどうか疑問に思います。
どんな助けでもいただければ幸いです。
- 編集 -
追加情報:これをドロップハンドラーに追加することが提案されていますが(これは機能します)-
$(ui.draggable).css({'top' : '0', 'left' : '0'});
この位置にしたい.animate()
ので、スナップは瞬時ではありません。カードは正しい場所に配置されますが、最初にコーナーにスナップしてから、正しい位置に移動します。最初のコーナーへのスナップは避けたいと思います。