使jQueryUI可调整大小插件的SE句柄锁定在纵横比中

使jQueryUI可调整大小插件的SE句柄锁定在纵横比中,jquery,Jquery,jQueryresize插件有一个SE夹点区域,可以同时向东和向南拖动,但它也允许您向东或向南拖动,因此如果您不小心,很容易意外地向东或向南拖动,并破坏对象的纵横比。我希望SE句柄始终锁定在aspectRatio:true中,这样就不会发生这种情况 在jsfiddle中,我感觉到鼠标悬停在SE角上,然后在开始任何大小调整之前,使用aspectRatio:true重新配置大小调整选项: var resizeOps1 = { handles : 'n,s,se,w,e' } var resi

jQuery
resize
插件有一个SE夹点区域,可以同时向东和向南拖动,但它也允许您向东或向南拖动,因此如果您不小心,很容易意外地向东或向南拖动,并破坏对象的纵横比。我希望SE句柄始终锁定在
aspectRatio:true
中,这样就不会发生这种情况

jsfiddle
中,我感觉到鼠标悬停在SE角上,然后在开始任何大小调整之前,使用
aspectRatio:true
重新配置大小调整选项:

var resizeOps1 = {
    handles : 'n,s,se,w,e'
}
var resizeOps2 = {
    handles : 'n,s,se,w,e',
    aspectRatio:true
} 
但它不起作用。有人知道问题出在哪里吗


谢谢

如果您按住shift键,它将为您保持纵横比。是的,但这并不像从角落拖动那样直观。仔细研究后,我看不到使用可用选项和事件来实现这一点的方法。开始事件发生得很晚,处理程序上的鼠标事件到处都会触发,等等。让SE悬停处理程序“销毁”该元素的可调整大小,然后使用aspectRatio:true标志重新创建它,怎么样?另一种方法可能是让SE hover处理程序在用户按住shift键时执行“完成的任何操作”,因为这也会强制Resizeable以保持纵横比,即使Resizeable是在没有aspectRatio:true标志的情况下创建的。我会继续玩这个,但是你看到这些方法有什么用吗?问题是悬停在调整大小时会不断被来回触发。