【问题标题】:Cancel jQuery UI drop once dropped删除后取消 jQuery UI 删除
【发布时间】:2011-04-07 19:44:10
【问题描述】:

我正在使用可拖放的 jQuery。有时我想取消放置,即使被拖动的东西对目标来说是“可接受的”。我只知道用户释放鼠标按钮后是否可以继续放置(而不是实际上仍在拖动,这就是“接受”的工作方式)。有没有办法在 drop 函数中“取消”drop,或者有没有其他方法可以解决这个问题?非常感谢。

【问题讨论】:

  • .draggable().droppable() 是 jQueryUI 的一部分
  • “取消”是什么意思?一旦用户物理释放鼠标左键,您就不能重新进入拖动(会很奇怪)。
  • 您可以通过使用父元素或x、y轴来限制对象可以拖动到的位置。
  • 好吧,当用户仍在拖动时,可放置的接受函数实际上会触发。这意味着他们可以在 droppable 接受函数返回 true 后更改拖动项目的坐标。在某些情况下,我想取消放置,但是一旦可放置函数返回 true,我就看不到在实际发生时如何取消放置。

标签: jquery jquery-ui draggable droppable


【解决方案1】:

.draggable() 元素会在用户完成拖动时触发.stop() 事件。您可以在可拖动实例中使用自定义方法覆盖默认方法:

http://jqueryui.com/demos/draggable/

$( ".selector" ).draggable({
   stop: function(event, ui) { ... }
}); 

【讨论】:

    猜你喜欢
    • 2015-09-30
    • 1970-01-01
    • 2018-02-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多