使用jquery中的css属性动态设置宽度值?

时间:2015-12-09 12:55:03

标签: javascript jquery css

我正在尝试使用具有相同尺寸的新动态创建的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"))

        }

3 个答案:

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

这将有效