【问题标题】:jQuery UI - Draggable/droppable snap to parent div?jQuery UI - 可拖动/可拖放捕捉到父 div?
【发布时间】:2012-04-02 13:04:44
【问题描述】:

谁能帮我写这段代码: http://jsfiddle.net/tVzq9/2/

我试图让 div '.boxArt' 捕捉到父 div '.drop',但它恢复的方式相同(所以它很平滑)。目前它会掉到 div 上,但不适合它。对 drop div 使用“tolerance:'fit'”是行不通的,因为很难在其上准确定位。感谢您的帮助!

【问题讨论】:

    标签: jquery jquery-ui jquery-ui-droppable


    【解决方案1】:

    这里有一个解决方案:http://jsfiddle.net/awsFU/

    使用 droppable 的 drop event 来处理可拖动到 droppable 上的动画。注意drop回调函数接收两个参数:eventui。可拖动对象通过 drop 回调中的 ui 参数 (ui.draggable) 访问。然后就可以根据当前的可拖动和可放置的偏移量计算出新的可拖动位置了。

    【讨论】:

    • 谢谢!完美运行。 :) 另一个问题 - 可拖动的 div 是否实际上已移动到 div 以便可以检测到?当一个人被放在另一个人身上时,我希望他们交换位置。那可能吗?再次感谢。
    • 如果你使用像 Firebug 这样的东西,你会看到 divs 没有在 html 中移动——只是改变了它们的样式来修改它们的位置。对于您想要做的事情,您可能必须检查另一个可拖动对象的位置,并在第一个可拖动对象被拖放到同一位置时移动它。
    猜你喜欢
    • 2010-11-20
    • 2012-07-21
    • 2017-04-18
    • 2013-01-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多