2011-04-21 135 views
0

我想通过jquery设置z-Index,但我需要每个DIV除了一个名为importantdiv的从0到100。唯一的问题是重要的是得到40而不是510的z-索引?我在我的jQuery代码中做了什么错误?jQuery zIndex div显示问题

<script src="scripts/jquery-1.5.2.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(function() { 
     var zIndexNumber = 100; 
     $('div').each(function() { 
      $(this).css('zIndex', zIndexNumber); 
      zIndexNumber -= 10; 
     }); 
     $('#importantdiv').css('zIndex', 510); 
    }); 
</script> 
+0

它的正常工作与我:http://jsfiddle.net/naveed_ahmad/vYYkX /查看演示 – 2011-04-21 18:27:19

+0

使用开发人员工具显然检查元素 – 2011-04-21 18:28:05

回答

1

试试这个:

$(function() { 
    var zIndexNumber = 100; 
    $('div').not($('#importantdiv')).each(function() { 
     $(this).css('z-index', zIndexNumber); 
     zIndexNumber -= 10; 
    }); 
    $('#importantdiv').css('z-index', 510); 
}); 
-1

这可能会发生,因为“每一个”循环功能在一个单独的线程粉碎覆盖importantdiv因为代码分成两个线程还挺运行。你可以在循环中放一个If来检查importantdiv,如果这样的话跳过它。

1

,一则是:

$(this).css('z-index', zIndexNumber); 

$(this).css('zIndex', zIndexNumber); 
+0

两者都可以工作。 – thirtydot 2011-04-21 18:31:37