获取clientHeight jQuery可调整大小

我正在尝试获取originalElement的clientHeight，它是传入调整大小事件（see documentation on the resize event）的ui参数的属性。获取clientHeight jQuery可调整大小

我的代码如下：

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

的问题是我不断收到“未定义”为clientHeight。我可以看到clientHeight，如果我只是登录ui.originalElement，所以我确信我只是访问它错误，只是不确定访问它的正确方法。

（控制台洛ui.originalElement的图片;看到clientHeight）

来源

2017-08-16 Tony Scialo

您可以使用：

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>

来源

2017-08-16 17:21:24 gaetanoM

获取clientHeight jQuery可调整大小

回答

相关问题