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

任何其他人有此问题吗？jquery拖放：Droppable不适用于float：left或inline-block的元素

我似乎无法放入TARGET显示：inline-block或float：left。

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

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

我注意到，如果可能工作INLINE如果我在中间EXACTLY倾倒。但如果我的拖动的任何部分触及，它将很好地接受拖放。

来源

2011-03-21 Scott Yu - Front-End UX

您是否在链接到的线程中尝试了解决方案？ – mattsven 2011-03-21 01:26:27

是的，尝试过，但它并没有帮助我的情况。谢谢 – 2011-03-21 23:33:12

我可以放到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

来源

2011-03-21 09:37:58

你是一个聪明人。谢谢你的工作！ – 2011-03-21 23:32:48

清除您的浮动。

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

来源

2013-04-13 19:43:08

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

回答

相关问题