2014-05-14 105 views
0

我正在做一个网上商店,并与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的功能是一样成才:

$('.product').click(function() { 
    $(this).flyTo('#shopping-cart'); 
}) 

谢谢!

+0

将点击函数插入'$(document).ready(function {});' – CaptainCarl

+0

我知道它应该是..但这不是问题的关键..我问的是如何让div visualy飞到另一个.. –

+0

因此,如果您添加产品到您的购物车产品从列表中删除以及? (这是你的意图) –

回答

2

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

查看示例here

+0

你走了,我打算推荐你去看看 http://api.jquery.com/offset/ And animated an absolute located div to the offset of the basket –

+0

Thanks man! :D并感谢大家的快速答案:D –