jquery拖放: Droppable doesnt work on elements with float:left or inline-block

标签 jquery droppable

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

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

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

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

我注意到,如果我将其完全倾倒在中间,是否可以内联工作。但如果我的拖动的任何部分接触到它,它会接受掉落,这会很好。

最佳答案

我能够放到 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

关于jquery拖放: Droppable doesnt work on elements with float:left or inline-block,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5372821/

相关文章:

javascript - 单击并移动鼠标后,谷歌地图停止工作

javascript - 如何在不实际拖放的情况下使用 jQuery UI Droppable 触发 Drop 事件?

Jquery:优化 MouseOver 上的 Droppable

jquery - Draggables Jquery UI,禁用可放置的单个 div

javascript - 幻灯片内容动画

javascript - 同时为多个元素设置动画?

javascript - jquery 扩展和收缩行只适用于第一个

jquery - 克隆对象不可删除

javascript - jQuery 可排序和可放置列表

javascript - ajax 购物车成功隐藏 div 并显示另一个