2014-05-14 2 views
0

나는 webshop을 만들고 jQuery로 조금 고생 중이다.div를 jQuery로 다른 div로 바꾼다

: 누군가가 제품을 추가 버튼을 클릭하면

는 는

, 나는 여기에

는 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를의 기능은가 someting 등이 될 것입니다 :

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

감사합니다!

+0

클릭 기능을'$ (document) .ready (function {});에 삽입하십시오. – CaptainCarl

+0

나는 그것이 있어야한다는 것을 알고 있습니다. 그러나 그것은 질문의 요점이 아닙니다. 저는 어떻게 div를 만들 수 있는지 묻고있었습니다. visualy fly to another one .. –

+0

그래서 장바구니에 제품을 추가하면 제품이 목록에서 제거됩니다. (귀하의 의도입니다) –

답변

2

jQuery 스크립트를 사용하여 화면의 특정 위치로 "이동"할 수 있습니다.

예 : here을 참조하십시오.

+0

자, 내가 너에게 을 보도록 권할 것이었다. http://api.jquery.com/offset/ 그리고 바구니의 오프셋에 절대적으로 위치한 div를 움직이게한다. –

+0

고마워! : D와 빠른 답변을 주신 모든 분들께 : D –