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

DIV1 und DIV2 sind beide divs in <div id="content">.Jquery animieren Parameter

I div1 klicken mag, dann Position des div2 geht an: top:0px;left:200px; die

-<div id="content" style="width:800px;margin:0 auto;"> relativ ist, wie der belebten Teil zu schreiben?

Antwort

1

Sie können nur ein Objekt zu .animate() mit top und left Eigenschaften, wie dies passieren:

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

Sicherstellen, dass das Element eine relative oder absolute Position hier gesetzt hat, je nachdem, was Sie für gehen, sonst top und left wird keine Wirkung haben.

+0

Ich habe Inhalt, Div1, Div2 alle eine Position: relativ, aber keine Wirkung. –

+0

@yuli - haben sie Klassen oder IDs? Sie hatten Klassenselektoren, also habe ich hier angenommen, wenn sie IDs sind, brauchen Sie andere Selektoren, z. '# div1' anstelle von' .div1'. –

+0

Ja, ich habe sie für eine Klasse festgelegt. Div1, .div2 ... –