jquery - jQuery UI 可调整宽度作为高度的函数

Question

使用 jQueryresizable()方法，你如何做到这一点

width = 31 + $('idName').height()

我正在调整视频播放器的大小，控件始终为 31 像素，这很好，因为许多控件调整大小的嵌入式视频无法使用。

我希望它从，让我们说：

620/378 (620/347+31)

至

310/189 (310/158+31)

对不起，我忘了提，div 是使用 jQueryresizable()方法访问的 id，视频播放器（它只是一个 HTML5object元素）被重新调整大小的方式是我在我的 CSS 文件中将它的高度和宽度设置为 100% ，这允许它与 div 对象相比不断地重新调整自身的大小。

Answer 1

jQuery UI resizable() 使元素可调整大小，您仍然需要对 resize() 事件采取行动

基于你的第一个方程

$('#idname').resize(function() {
    $(this).width( 31 + $(this).height() );
});

但我不认为这会给你你想要的。

最好查看 resizable() 的 aspectRatio 参数，并且可能根本不需要担心事件

$( "#idname" ).resizable({
      aspectRatio: 620 / 378
});