增量倒计时改变同级元素的z索引值(Incremental countdown to change z

我已签到处寻找解决此，一直没能弄明白。该解决方案令我困惑不解。

对于复杂的原因，我不能简单地改变CSS保证金/填充掉，所以我想补充style="z-index:5;" 在第一个div，然后style="z-index:4;" 在第二次DIV等使页面上的最后一个元素具有最低的z-index，每个元素向顶部会添加一个，所以它始终保持在最前面，如果有任何重叠，这与某些情况下，目前坐在随后的同级元素下面的链接。

剥离下来下面的示例代码：我知道我的柜台工作，但增量（z）的值不会传递给.css方法在for循环。有什么建议么？

<style>
.subsection {
    margin-top: -80px;
    padding-top: 80px;
    position: relative;
}
</style>

<script>
    var set_zindex = function(){
        var subsection = $('.subsection');
    var subsections = subsection.length;
    var z;
    for ( z=subsections; z >=0; z-- ) {
        subsection.css('z-index', z );
    }
}
set_zindex();
</script>

<html>
<div class="subsection">some content</div>  //add style="z-index:5:
<div class="subsection">some content</div>  //add style="z-index:4:
<div class="subsection">some content</div>  //add style="z-index:3:
<div class="subsection">some content</div>  //add style="z-index:2:
<div class="subsection">some content</div>  //add style="z-index:1:
</html>

Answer 1:

您正在使用一个jQuery集合（VAR款）工作。您需要单独去的每个项目，即收藏。

就像是：

subsection.each(function(i){
  $(this).css('z-index', subsection.length-i);
});

Answer 2:

您应该使用ž - = 1在for循环中。有时候，事情就变得扭曲，否则。见这里

并与每个迭代。

subsection.each
  (
    function(i) {
         $(this).css('z-index',subsections-i);
    } 
  )
;

增量倒计时改变同级元素的z索引值(Incremental countdown to change z

Answer 1:

Answer 2:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮