Javascript 使用jQuery使一个div飞入另一个div

我正在制作一个网络商店，并在jQuery上挣扎

当有人点击按钮添加产品时，我希望该产品飞到购物车（动画），但我真的不知道如何

以下是html：

<div id="shopping-cart">

<div class="product">Product</div>
<div class="product">Product</div>
<div class="product">Product</div>
<div class="product">Product</div>

---

谢谢

您可以使用jQuery脚本将其“飞行”到屏幕上的某个位置

---

参见示例。

在

$（文档）.ready（函数{}）中插入click函数我知道应该是。。但这不是问题的重点。。我在问我如何能让一个div可视化地飞到另一个div.那么，如果你将产品添加到购物车中，该产品也会从列表中删除？编辑我的评论：你试过这支钢笔吗？这其实很简单，好了，我要带你去看一个绝对定位的div，并将其动画化到篮筐的偏移量
$('.product').click(function() {
   $(this).flyTo('#shopping-cart');
})