Question

以下是我所说的：

当我删除可拖动时，它会改变页面上div droppable的位置。似乎应该有一个简单的解决方案，但我似乎无法弄明白，也没有问谷歌正确的问题。有什么帮助吗？

Answer 1

它似乎只是一个CSS问题。

尝试将.box更改为float:left而不是display:inline-block

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

更改您的Dropbox 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上测试了它，它对我有用。

停止<div>继续jQuery ui droppable drop event </div>

2 个答案: