Div's定位更改点击

Div's Positioning Change on Click

本文关键字：定位 Div      更新时间：2023-09-26

我在主div中有四个div，一个接一个，垂直对齐。

: 

DIV1
DIV2
DIV3
DIV4

我想要点击任何DIV，被点击的DIV在顶部，另一个向下滑动。我如何使用jQuery做到这一点?

。

如果DIV3被点击，div会像这样重新排序:

DIV3
DIV1
DIV2
DIV4

这是一个垂直动画版本，它是相对定位和相当灵活的。

http://jsfiddle.net/bryanjamesross/RgGyF/

可以使用

$('divSelector').click(function()  
{  
    $(this).parent().prepend(this);  
});

如果你不需要动画，那么你可以这样移动DOM元素:http://jsfiddle.net/japanick/jx945/

如果你需要动画，你可以绝对地定位元素，并使用jQuery.animate()中的CSS top属性来移动它们。

相关文章：