【问题标题】:how to limit droppable to contain only full draggable如何限制 droppable 只包含完整的可拖动
【发布时间】:2012-11-25 15:45:31
【问题描述】:

那么如何将 droppable 限制为仅包含完全可拖动?

看看这个例子.. http://jsfiddle.net/jWNkh/1/.. 尝试将 draggable 拖到 droppable 上,您会看到 droppable 接受,即使 draggable 只有一半。

如果可拖动对象只有一半,如何让它不接受?仅当可拖动对象完全在可放置对象中时如何使其接受?

你可以在 jsfiddle 中看到,但我的 JS 代码是

$('#drag').draggable({ revert: "invalid"});
$('#drop').droppable();​

【问题讨论】:

  • droppable 文档说明了方法。

标签: jquery jquery-ui draggable droppable


【解决方案1】:

使用tolerance: "fit"

$('#drop').droppable({ tolerance: "fit" });​

Working DEMO

你可以找到documentation here

【讨论】:

猜你喜欢
  • 2023-03-10
  • 2017-04-12
  • 1970-01-01
  • 1970-01-01
  • 2013-06-22
  • 2011-04-26
  • 2018-05-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多