Question

我试图通过Jquery设置z-Index，但是我需要每个DIV，除了一个名为importantdiv的DIV从0到100。唯一的问题是importantdiv的z-index为40而不是510？我在jquery代码中做错了什么？

<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>

Answer 1

一方面是：

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

不

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

Answer 2

试试这个：

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

Answer 3

可能发生这种情况是因为“每个”循环函数在一个单独的线程中运行，因为代码分成两个线程，所以它会覆盖重要的dd。您可以在循环中放置一个If以检查importantdiv，如果是，则跳过它。

jQuery z索引div显示问题

3 个答案: