jQuery和Z索引重置

我有5個div盒，每個盒子都有z-索引分數。jQuery和Z索引重置

DIV1 - z索引：0

DIV2 - z索引：-1

DIV3 - z索引：-2

DIV4 - z索引：-3

DIV5 - 的z-index：-4

DIV6 - 的z-index：-5

我想使用jQuery改變日e點擊索引。例如：

$("#div2").click(function() { 
    $("#div1").css("z-index","0"); 
    $("#div3").css("z-index","-2"); 
    $("#div4").css("z-index","-3"); 
    $("#div5").css("z-index","-4"); 
    $("#div6").css("z-index","-5"); 

    $("#div2").css("z-index","1"); 

});

這顯然會將我的div2盒子放在所有其他盒子的前面。

現在，如果我要到另一個箱子我必須做到以下幾點：

$("#div3").click(function() { 
    $("#div1").css("z-index","0"); 
    $("#div2").css("z-index","-1"); 
    $("#div4").css("z-index","-2"); 
    $("#div5").css("z-index","-4"); 
    $("#div6").css("z-index","-5"); 

    $("#div3").css("z-index","1"); 

});

我必須定義初始值，然後重新定義我想列出最高的框。有沒有辦法將它們重置爲它們的第一個值，所以我希望能夠避免一些重置？我希望它看起來像這樣：

$("#div3").click(function() { 
    $("div").css("original css z-index values"); 

    $("#div3").css("z-index","1"); 

});

謝謝！

來源

2011-10-17 Chris Olson

您可以使用$ .data保存第一個初始值，並且每次重置以設置$ .data中的值。

p.s.

我不明白爲什麼你把-1，-2等等

你應該有上升一層和所有其它圖層 - 數低（可以是相同的）

所以把一些類遍佈的div（「lowZ」類），它定義：z索引：0

並把活性類（「高阻」）爲活性層用：z索引：999

，然後每次做：

$(".divClass").removeClass("highZ"); 
$("#div2").addClass("highZ");

來源

2011-10-17 20:35:31

有不同z-index（-1，-2等）的原因是因爲div盒在頁面周圍拼合。所以它看起來就像咖啡桌上的一堆雜誌，其中一些在上面。 –

所以使用$ .data –

我會給它一個鏡頭。謝謝！ –

jQuery和Z索引重置

回答

相關問題