Question

我动态创建一个div＃sresult_container，并将div中没有div添加到该div。并且所有附加的div都有不同的文本。所以我可以检索div＃sresult_container的宽度，但我尝试在视图端口上显示之前增加div＃sresult_container 10px的宽度。我该怎么做才能帮助我？我的代码如下：

var $sresult_container = $('<div id="sresult_container"></div>');

然后我将一些div作为div＃sresult_container的子项附加。

并附加到身体上。

$('body').append($sresult_container);
var Setwidth  = $('#sresult_container').outerWidth() + 10;
$('#sresult_container').css('width',Setwidth + 'px');

所以这里首先在加载修改后的宽度后加载原始宽度。那怎么能直接加载修改后的宽度。

Answer 1

首先，＃sresult_container必须具有预定义的宽度。

#sresult_container {
    width: 100px;    
}

$('<div id="sresult_container">text</div>').appendTo('body');

$('#sresult_container').css('width', function () {
    return ($(this).outerWidth(true) + 10) + 'px';
});

http://jsfiddle.net/xBZT7/14/

http://jsfiddle.net/xBZT7/15/

设置动态创建的元素的动态宽度

1 个答案: