Javascript 将绝对元素重新定位到右侧

大家好，我正在开发一个简单的应用程序，如果单击它，它将显示动画并向右移动。我的问题是它向相反的方向移动。我试着使用

css（）

，它工作了，但是没有动画。我该怎么做？或者有没有其他办法让它发挥作用

谢谢，希望你能理解我

$（'.circle'）。单击（函数（）{
$（此）。设置动画({
右:200,，
前200名，
保证金：0
},1000);
});
.circle{
宽度：100px；
高度：100px；
背景色：#222；
边界半径：100px；
位置：绝对位置；
左：0；
右：0；
排名：0；
底部：0；
保证金：自动；
}
不要使用边距将其居中，请使用
calc
如下示例：


$（'.circle'）。单击（函数（）{
$（此）。设置动画({
右:50,，
排名：25
}, 1000);
});
.circle{
宽度：100px；
高度：100px；
背景色：#222；
边界半径：100px；
位置：绝对位置；
顶部：计算（50vh-50px）；
右：计算（50%-50px）；
}
不要使用边距将其居中，请使用
calc
如下示例：


$（'.circle'）。单击（函数（）{
$（此）。设置动画({
右:50,，
排名：25
}, 1000);
});
.circle{
宽度：100px；
高度：100px；
背景色：#222；
边界半径：100px；
位置：绝对位置；
顶部：计算（50vh-50px）；
右：计算（50%-50px）；
}
一个选项是从jQuery中删除
边距：0
，并将
right
属性更改为
left
。（有关工作示例，请参见pen。）

jQuery将如下所示：

$('.circle').click(function() {
    $(this).animate({
      left: 200,
      top: 200
    }, 1000);
});

一个选项是从jQuery中删除
margin:0
，并将
right
属性更改为
left
。（有关工作示例，请参见pen。）

jQuery将如下所示：

$('.circle').click(function() {
    $(this).animate({
      left: 200,
      top: 200
    }, 1000);
});