0

画像 (img) を含む jquery ダイアログ ボックスがあります。画像に合わせてボックスの高さを設定しようとしていますが、両方が指定よりも小さく設定されていることがわかりました。たとえば、次の行です。

console.log("h1 " + $('#display').height());
$("#display").dialog('option', 'height', img.height);                               
console.log("h2 " + $('#display').height());
console.log("ih " + img.height);

コンソールに次の出力を生成します。

h1 564 
h2 564 
ih 640

これは、 $('#creativeImageDisplay').height() は内側の高さを指しているが、オプションの「高さ」は外側の高さを指していることを示唆しています。内側の高さを設定する方法はありますか(外側の高さがそれに応じて増加するように)?

編集

('#display').outerHeight(true) 652 
('#display').outerHeight(false) 652 
('#display')innerHeight() 652
4

3 に答える 3

0

ダイアログを生成すると、次のような出力が表示されます。

<div class="ui-dialog ...">
    <div class="ui-dialog-titlebar ..."> ... </div>
    <div id="display" class="ui-dialog-content ..."> ....</div>
    <div class="ui-dialog-buttonpane ..."> ... </div>
</div>

単に$("#display").height(im.height());内側の高さを試すことができます。

于 2012-07-18T10:38:34.770 に答える