jquery - 止まるjQuery uiのドロップ可能なドロップイベントに移動

Question

これが私が話していることです：

http://jsfiddle.net/m5Tse/1/

ドラッグ可能なものをドロップすると、ページ上のドロップ可能な div の位置が変更されます。簡単な解決策があるはずですが、それを理解することも、グーグルに適切な質問をすることもできません。何か助けはありますか？

Answer 1

これはCSSの問題のようです。

の代わりにに変更してみて.boxくださいfloat:leftdisplay:inline-block

.box{
    /*display: inline-block;*/
    float:left;
    ...

以下を反映するようにドロップボックスcssを変更します。

.dropbox{
    /*height: 100%;*/
    height:200px;
}

Answer 2

相対位置を.boxに追加し、absoluteを.dropboxに追加してから、.dropboxが.boxを幅と高さで明示的に塗りつぶすようにします。

.box{
    position: relative;
    display: inline-block;
    margin: 10px 0px;
    width: 200px;
    height: 200px;
    background: #f0f0f0;
    border: 1pt solid black;
}

.dropbox{
    position: absolute;
    height: 100%;
    width: 100%;
}​

私はあなたのjs-fiddleでそれをテストしました、そしてそれは私のために働きました。