2014-05-14 102 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 –