2010-11-21 21 views
0
$(document).ready(function() { 
    $(".div1").click(function() { 
     $(".div2").stop().animate(...); 
    }); 
}); 

div1 ve DIV2<div id="content"> hem birer bölümdür. hareketlendirmek bölümünü yazmak için <div id="content" style="width:800px;margin:0 auto;">jQuery animasyon parametrelerini

görelidir top:0px;left:200px;:

Ben div1 tıklayın istiyorum

ardından DIV2 konumu gidecek?

Sadece bu gibi top ve left özelliklere sahip .animate() bir nesneyi geçirebilir

cevap

1

:

$(document).ready(function() { 
    $(".div1").click(function() { 
     $(".div2").stop().animate({ top: 0, left: 200 }); 
    }); 
}); 

eleman ekleyerek istediğiniz hangisi burada ayarlanan bir relative veya absolute pozisyonu olduğundan emin olun, aksi takdirde top ve left'un hiçbir etkisi olmayacaktır.

+0

İçeriği ayarladım, div1, div2 all position: relative, ama hiçbir etkisi yok. –

+0

@yuli - sınıfları veya kimlikleri var mı? Sınıf seçmenleriniz vardı, bu yüzden burada bulundum, eğer kimlikleri iseniz farklı seçicilere ihtiyacınız var, örn. '' div1' yerine 'div1'. –

+0

Evet, onları bir class için ayarladım. Div1, .div2 ... –