jquery - 停止继续 jQuery ui droppable drop 事件

Question

这就是我所说的：

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

当我放下可拖动对象时，它会改变 div 可放置对象在页面上的位置。似乎应该有一个简单的解决方案，但我似乎无法弄清楚，也无法向谷歌询问正确的问题。有什么帮助吗？

Answer 1

它似乎只是一个 CSS 问题。

尝试更改您的.boxtofloat:left而不是display:inline-block

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

更改您的保管箱 css 以反映以下内容：

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

Answer 2

将相对位置添加到 .box 并将绝对位置添加到 .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 上测试了它，它对我有用。