jQuery UI 没有检测到 droppable 的第一个子元素的丢弃

【问题标题】：jQuery UI not detecting drop on first child of droppablejQuery UI 没有检测到 droppable 的第一个子元素的丢弃
【发布时间】：2014-09-16 00:03:57
【问题描述】：

我有一个droppable div，其中包含不是droppable 的子元素。

由于某种原因，如果你放在第一个子元素上，drop 事件不会被触发，而是在第二个子元素上。

这是为什么？我该如何解决？

编辑：错误的小提琴

【问题讨论】：

【解决方案1】：

它实际上正在工作。看看当你删除 margin-top: 50px 时会发生什么。

.drag {
    padding: 10px;
    width: 25%;
    background-color: aqua;
}

如您所见，margin 会影响展示位置计算。

$('.drop').droppable({
    accept: '.drag',
    tolerance: "pointer",
    drop: function () {
        alert('dropped');
    }
});

【讨论】：

【解决方案2】：

玩弄你的小提琴，问题似乎出在 css 上。

在我删除你的边距后查看我的新小提琴：

.drag {
    padding: 10px;
    width: 25%;
    background-color: aqua;
}

【讨论】：