jQuery弄乱了DIV的z索引

jQuery messes up the z-indexes of DIVs

本文关键字:索引 DIV 乱了 jQuery      更新时间:2023-09-26

我正在完成这个网站,只有一个小问题。每当我单击下一步(伏尔根德)时,带有 z 索引 1 的 DIV(其他 2 有 2 和 3)出现在其他 2 的前面并停留在那里。http://luukvanaggelen.com/test/test2.html 这是网站,我正在使用jQuery旋转插件。这是我用来移动到下一页的代码。

$(volgende).click(function(){
    if ( container <= max_container ) 
        $(('#container'+container)).rotate({animateTo:150});
    container++;
})

老实说,我不知道这怎么可能,更不用说如何解决它了......

抱歉我的代码搞砸了,将代码更改为此代码并告诉我它是否有效:

max_container=3;
min_container=1;
container=0;
$(volgende).click(function(){if ( container <= max_container ) {container++;$(('#container'+container)).rotate({animateTo:150});}})
$(volgende).click(function(){if ( container >= min_container ){ $(('#container'+container)).rotate({animateTo:0});container--;}})

编辑:抱歉没有清楚地看到您的问题,您应该将z-index放在div容器中,而不是在div内的家中,并且最好使用order而不是z-index,您必须将容器3放在2之后,将2放在1之后,因此第三个将在第二个后面