get clientHeight jQuery resizable

Question

私は、resizeイベント（see documentation on the resize event）に渡されるuiパラメータのプロパティであるoriginalElementのclientHeightを取得しようとしています。次のように

私のコードは次のとおりです。

mapTableContainer.resizable({ 
    handles: 'n', 
    resize: function(event, ui){ 
     console.log(ui.originalElement.clientHeight); 
    } 
}); 

問題は、私はclientHeightのために、「未定義」になっておくです。私は単にui.originalElementをログするとclientHeightを見ることができるので、私はそれにアクセスする正しい方法が間違っていると確信しています。

（コンソールloggin ui.originalElementの写真; clientHeightを参照）を使用でき

Answer 1

：

• this.clientHeight

または

• ui.element[0].clientHeight

要素：要素を表すjQueryオブジェクトのサイズが変更される

originalElement：

：それは

スニペットを巻かれる前に、元の要素を表すjQueryオブジェクト

$("#resizable").resizable({ 
 
    handles: 'n', 
 
    resize: function(event, ui){ 
 
     console.log('Original Height: ' + ui.originalSize.height + 
 
     ' Current height: ' + ui.size.height + 
 
      ' this clientheight: ' + this.clientHeight); 
 
    } 
 
});

#resizable { width: 150px; height: 150px; padding: 0.5em; } 
 
#resizable h3 { text-align: center; margin: 0; }

<link href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
 

 

 
<div id="resizable" class="ui-widget-content"> 
 
    <h3 class="ui-widget-header">Resizable</h3> 
 
</div>