Question

在我的网站上，用户可以打开一个弹出窗口（600像素宽，名为IMOpen）。在这个弹出窗口中，我试图添加一个新功能，该功能将出现在一个表（id =“Table1”）中，点击一个按钮。 Table1具有以下CSS：

#Table1 {
position:absolute;
top:60px;
z-index:15000;
display:none;
background-color:#fff;
border-width:thin;
border-style:solid;
border-color:#000;
width:100px;
height:100px;
}

通常情况下，我会将一个位置居中：绝对/高z-index div或表（如Table1），如此（使用Table1的宽度）;

function ShowTable() {
    $("#Table1").fadeIn(500);
    $("#Table1").css({marginLeft: ((screen.availWidth - 100) / 2) + 'px'});
}

然而，当我这样做时，Table1出现在弹出窗口中，好像availWidth是我的显示器屏幕的宽度......毫不奇怪。我知道如何纠正这个....只需使用IMOpen的宽度并将函数重写为：

function ShowTable() {
    $("#Table1").fadeIn(500);
    $("#Table1").css({marginLeft: ((600 - 100) / 2) + 'px'});
}

完全符合预期。但是，我想知道如何更普遍地做到这一点。当我尝试以下代码时：

function ShowTable() {
    $("#Table1").fadeIn(500);
    $("#Table1").css({marginLeft: ((IMOpen.availWidth - 100) / 2) + 'px'});
}

桌子漂浮在左边。当我尝试：

function ShowTable() {
    $("#Table1").fadeIn(500);
    $("#Table1").css({marginLeft: ((IMOpen.width - 100) / 2) + 'px'});
}

该表再次向左浮动...假设这些尝试均未被识别为有效代码。如何正确地将弹出窗口的可用宽度概括为.css jquery函数？使用弹出名称？ availWidth？其他？谢谢你的帮助！

中心表位置：弹出窗口中的绝对值

0 个答案: