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

Question

使用jQuery resizable()方法如何使其成为

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

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

我希望它来自，让我们说：

620/378 (620/347+31)

到

310/189 (310/158+31)

抱歉，我忘了提及，div是使用jQuery resizable()方法访问的ID，视频播放器的方式（它只是HTML5 object元素）正在重新调整大小的是我在CSS文件中将其高度和宽度设置为100％，这使得它可以不断地重新调整自身大小与div对象相比。

Answer 1

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

基于你的第一个等式

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

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

查看resizable（）的aspectRatio参数可能会更好，也许根本不用担心该事件

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