动画 jQuery Ui 位置（）

Posted 2023-05-08

【中文标题】动画 jQuery Ui 位置（）

【英文标题】：animating jQuery Ui position()

【发布时间】：2012-03-14 09:57:56

【问题描述】：

如何使用position(of:,my:,at:) 从当前位置动画到中心？ 有什么方法可以自动化这个过程，还是我必须手动为 CSS 属性设置动画？

【问题讨论】：

见函数api.jquery.com/animate，你可以指定一组CSS值，jQUery会做过渡。

【参考方案1】：

这个答案可能早在 2 月份就有，但现在有一个更简单的方法。

position 方法接受一个using 参数只是为了这个目的。例如：

$(div).position(
    at: "left+50% top+50%",
    of: $(div).parent(),
    using: function(css, calc) 
        $(this).animate(css, 200, "linear");
    
);

【参考方案2】：

你看过.animate()吗？

编辑：现在我更了解您在寻找什么，here is a jQuery plugin that I wrote to do this very thing。

Here's a quick jsFiddle as an example.

我将选项设置为可配置对象。示例：

$('#clickme').click(function() 
    $('#blah').align(speed:1000,y:false);
);​

编辑：取出其他代码，因为它不再是必需的，只是把事情弄得乱七八糟。清理我的新代码。修复了偏移父定位问题。使用最新版本的源代码添加了指向 git 存储库和 jsFiddle 的链接。

【讨论】：

我知道这一点，但是我必须计算 div 的宽高除以 2，等等。我想知道是否有一种动画方法，比如： position(of :,my:,at:, animate: slide)，或类似的东西。

jsfiddle.net/MjsDc/8/ 这会解决它，但它有点乱。我想要一个与 position(of:,my:,at:) 一起使用的解决方案。

@localhost2 好的...实际上我已经为此编写了代码......这是我在客户端站点上使用的以对象为中心的 jQuery 扩展...必须看看我是否可以挖掘起来了……

差不多就行了。必须将偏移更改为位置（），并且顶部和左侧有一些额外的像素。试图解决这个问题。

@localhost2 是的....我也注意到一些不准确的行为....需要重新审视代码并使其变得更好，因为我对这些事情更有经验。