jQuery UI:使用容差触摸放置对象时的可拖动行为

Posted

技术标签:

【中文标题】jQuery UI:使用容差触摸放置对象时的可拖动行为【英文标题】:jQuery UI : draggable behaviour while dropping object using tolerance touch 【发布时间】:2014-02-22 08:10:23 【问题描述】:

当使用 jQuery Ui 可拖动容差触摸时,我面临的问题是,当元素触摸同一类的两个可放置元素时,它会被放置在两个可放置元素中。我在下面添加了一张图片来描述这个问题。

这可以通过使用公差指针来完成。但是预期的行为是当可拖动悬停在可放置的任何点时,它应该被激活以放置。 我怎样才能只放在这个或那个元素中的任何一个上?

【问题讨论】:

【参考方案1】:

这是工作小提琴: http://jsfiddle.net/tE94H/

简而言之:

drop: function (event, ui) 
  $(this).droppable('destroy');

成功了。请记住,放置的元素是鼠标光标更靠近的元素。

【讨论】:

以上是关于jQuery UI:使用容差触摸放置对象时的可拖动行为的主要内容,如果未能解决你的问题,请参考以下文章

为 jQuery UI Droppable 的相交容差构建匹配选项

jQuery-ui 可拖动滚动仅垂直

jQuery拖放:克隆的可拖动移动原始

jQuery UI,可拖动,可放置,自动滚动

如何使 jQuery UI droppable hoverClass 仅适用于可拖动对象?

jQuery ui 可拖动拖放到 iframe