我正在尝试使用具有相同尺寸的新动态创建的div覆盖现有div。我尝试使用现有的divs高度和宽度动态设置新div的高度和宽度。 我在 divSize 数组中获取现有div的维度,并将其传递给 generateDiv 函数
在检查元素时,我发现它没有将高度和宽度属性值添加到CSS。我在这里做错了什么我错过了一些任何帮助将不胜感激 可能代码如下:
function generateDiv(divSize, divContent, object) {
$('<div class="divOverlay">' + divContent + '</div>').css({
'width': divSize[0] + 'px !important',
'height': divSize[1] + 'px !important',
'background-color': '#ddd',
'position': 'absolute',
'color': '#56D9C9',
'margin':'7px 7px 7px 0px',
'zIndex': '100'
}).appendTo($("#" + object).css("position", "relative"))
}
答案 0 :(得分:0)
试试这个。首先附加html然后应用css。
function generateDiv(divSize, divContent, object) {
$('<div class="divOverlay">' + divContent + '</div>').appendTo($("#" + object).css("position", "relative")).css({
'width': divSize[0] + 'px !important',
'height': divSize[1] + 'px !important',
'background-color': '#ddd',
'position': 'absolute',
'color': '#56D9C9',
'margin':'7px 7px 7px 0px',
'zIndex': '100'
})
}
答案 1 :(得分:0)
请改用:
function generateDiv(divSize, divContent, object) {
$('<div>').addClass("divOverlay").html(divContent).css({
'width': divSize[0] + 'px',
'height': divSize[1] + 'px',
'background-color': '#ddd',
'position': 'absolute',
'color': '#56D9C9',
'margin':'7px 7px 7px 0px',
'zIndex': '100'
}).appendTo($("#" + object).css("position", "relative"))
}
答案 2 :(得分:0)
東京都building千代田区丸の内1building2floor1number
这将有效