如何使用JQuery UI动画到新的"位置"

时间:2017-06-26 19:30:51

标签: jquery jquery-ui position jquery-animate

我使用JQuery .postion()函数将我的对象相对于另一个放置。但是,我希望它能够动画到那个位置。

我知道如何制作动画,但这需要知道位置,在这种情况下,我使用.postion()来实际计算该位置:

                $(this).position(
                {
                    my: 'left top',
                    at: 'left+' + xPos + ' top+' + yPos,
                    of: $("#dropdiv1")
                });

那么,有没有办法将该位置作为中间结果,然后使用animate()来到那个位置?

如果我知道这个位置,我会使用animate(),但postion()调用会为我计算,所以我不确定如何去做。

1 个答案:

答案 0 :(得分:0)

我不能说我100%肯定它是如何工作的,但经过修修补补后,这完美无缺:

                $(this).position(
                {
                    my: 'left top',
                    at: 'left+' + xPos + ' top+' + yPos,
                    of: $("#dropdiv1"),
                    using: function (css, calc)
                    {
                        $(this).animate(css, 200, "linear");
                    }
                });