Javascript 具有恒定纵横比的JQuery对话框

我需要在可调整大小的对话框中显示图像（到目前为止，我尝试的所有特定图像弹出库都不符合我的需要）

我所要做的就是在调整大小时保持纵横比。听起来很容易，但事实并非如此

我以为这样做可能行得通，但没用：

var d = $("").dialog({title:title, width:400, height:400});
d.resizable( "option", "aspectRatio", true );

---

非常感谢任何指针，tks

由于它的连接方式，我发现自己做可调整大小的部分最容易，如下所示：

$("div").dialog({
    title:"Title", 
    width:400, 
    height:400, 
    resizable: false
}).parent().resizable({ 
    handles: 'n,e,s,w,se,sw,ne,nw', 
    aspectRatio: true 
});​​​

，您也可以销毁并重新创建它…但这有点浪费，所以只需在上面创建它，如果需要，在可调整大小的对话框中指定最大/最小高度/宽度，而不是在对话框中指定。这应该是可行的：

.parent（）.resizeable（“option”，“aspectRatio”，true）

，但这并不是因为小部件的连接方式，所以最简单的解决方案是在创建对话框时，使用所需的选项自己创建可调整大小的对话框

---

旁注：之所以使用此处，是因为您缺少包含标题栏和内容的对话框容器

@David-欢迎！如果它解决了您的问题，请务必接受正确的答案（未来的问题也是如此！），这对每个人都有帮助：）如果没有，请发表评论，以便我可以进一步提供帮助：）抱歉，忘记标记您的答案。我仍然需要做大量的工作才能让内容（而不仅仅是对话框）保持一个恒定的AR。通过使用Resizeable中的“resize”事件，我可以动态调整内容div的大小。但是如果没有你的想法，我永远不会走到这一步。再次感谢！如果你发布如何保持内容的正确高宽比，我会很高兴的。我尝试在可调整大小的调用中使用alsoResize，但由于边距和填充，我尝试调整大小的图像在调整大小时会“抖动”。@Jeff-我通过在图像本身上设置可调整大小并将对话框设置为“自动”高度和宽度来调整图像大小：

img.dialog（{width:“auto”，height:“auto”），可调整大小：false}）。可调整大小（{aspectRatio:true}）