jquery 拖放：Droppable 不适用于具有 float:left 或 inline-block 的元素

Question

其他人以前也遇到过这个问题吗？

我似乎无法进入具有 display: inline-block 或 float:left 的 TARGET。

这是示例代码的链接： http://jsbin.com/arusu3/141

我发现的一些信息： http://forum.jquery.com/topic/connecttosortable -fails-when-sortable-list-is-floated

我注意到如果我将其完全转储到中间，是否可以内联工作。但如果我的拖动的任何部分接触到它，它会很高兴接受掉落。

Answer 1

我能够放到 div-inline 上。 （使用最新的 Chrome）

也许这是一个容忍问题？

    target.droppable({
        drop: function(event, ui) {
            alert('row dropped ' + $(this).text());
        },
        accept: source.selector,
        tolerance: 'touch'
    });

http://jsbin.com/arusu3/144 ：将容差编辑为“触摸”

http://jqueryui.com/demos/droppable/#option-tolerance

Answer 2

清除你的浮动。

#your_sortable:after { clear:both; content:'.'; display:block; height:0; line-height:0; font-size:0; visibility:hidden; padding:0; margin:0; }