有没有一种方法可以限制元素掉落到边界区域上-jQueryUI

我已经使用jQueryUI开发了拖放功能。因此，如果我将元素拖放到拖放框的边界上，它仍然会接受元素，那么有没有办法限制拖放的边界区域？

---

屏幕截图：

我假设在当前代码中有一个元素具有背景图像

如果您将html和css更改为类似的内容，并使用

db-inner

作为拖放区域，那么这应该可以工作

HTML:

为了简化：父元素添加了填充，以限制定义为

100%的内部元素维度。

---

想法是

#db internal

将是DropBox元素，

#DropBox

是一个额外的包装元素，用于保存背景图像，它恰好大于DropBox区域。

很可能是的，它回答了您的问题，但没有看到任何与问题相关的代码。。很难说这是如何实现的。我尝试在JSFIDLE中粘贴代码，但删除区域似乎没有正确显示..：（仍然有问题：（code-@user1184100有点不一致似乎图标的中心基本上是限制它的地方，所以它总是能让你把它粘到容器的一半。）我试过了，但我只是让添加图标到框中变得更难：D（虚线容器的内边缘有一个你不能放下的区域）我不确定我是否知道如何解决这个问题：/thank you Lollero:）将尝试调整您的想法或找到一个解决方案alternate@user1184100我想你可能想取消选择我的答案作为正确答案，看看其他人是否有想法。我很肯定，这不能用html和css来解决（我的“解决方案”几乎是你能做到的）必须对js进行一些更改，我只是没有cojones的支持。。。

<div id="DropBox">
    <div id="db-inner"></div>
</div>​

#DropBox {
    margin: 20px;
    width: 180px;
    height: 50px;
    background: #e1e1e1 url('http://placekitten.com/g/200/70') no-repeat top left;

    padding: 10px;
}

#db-inner {
    width 100%;
    height: 100%;
    background: #fff;
    opacity: 0.7;
    border: 1px dashed #777;
}
​