0

1つのdiv＃sresult_containerを動的に作成し、そのdivにdivを追加しません。追加されたすべてのdivのテキストは異なります。したがって、div＃sresult_containerの幅を取得できますが、ビューポートに表示する前にdiv＃sresult_containerの幅を10px大きくしようとします。このpleseはどのように私を助けることができますか？私のコードは以下の通りです：

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');

したがって、ここでは最初に元の幅をロードしてから、変更された幅をロードします。では、変更した幅を直接ロードするにはどうすればよいでしょうか。

4

1 に答える 1

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/

于 2012-08-24T12:25:52.463 に答える