Question

当调用createCustomerCard（'CUST_0'）时，它会打开下面的第一张订单卡

<div id="CUST_0" class="widget ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable" style="width: 500px; height: auto; font-size: 11px; display: block; left: 29px; top: 156px; z-index: 1013; ">

z-index为1013，但是如果你尝试调用相同的函数，它要么不绘制客户卡，要么不增加z-index因为如果创建了CUST_01卡，则z-index高于z-index CUST_0。有没有办法在调用函数时将div-id的z-index增加1？

下面的CUST_2示例

<div id="CUST_2" class="widget ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable" style="width: 500px; height: auto; font-size: 11px; display: block; z-index: 1014; left: 319px; top: 162px; ">

Answer 1

div除了position之外还有static吗？只有定位元素才能使用z索引。所以给它position:relative它可能会起作用。

顺便问一下，为什么z-index:1013？这个数字有什么特别之处？

Answer 2

这应该将z-index增加1：

$('#CUST_N').css("z-index", "+=1");

Answer 3

添加到样式position:relative说@Mr Lister或position:absolute：

<div id="CUST_0" class="widget ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable" style="width: 500px; height: auto; font-size: 11px; display: block; left: 29px; top: 156px; position:relative;z-index: 1013; ">

并添加jQuery，其中包含名为：

的函数

$('#CUST_N').css("z-index", $('#CUST_N').css("z-index")+1);

调用函数时更改div的z-index？

3 个答案: