2011-01-23 10 views
2

jqueryリサイズプラグインを使用してdivのサイズを変更すると、シフトキーを押してもアスペクト比が保持されます。リバースjqueryリサイズシフト機能

まあ、アスペクト比を無効にするためにシフトキーを押しても、オプションリストに{aspectRatio:true}することはできますか?

ありがとうございました。

+0

あなたはどのプラグインを使用しているのかを具体的に教えてください。ドキュメントへのリンク、多分? – polarblau

+0

http://jqueryui.com/demos/resizable/ – keepwalking

答えて

4

まあ、私はウィジェットを変更することによって管理さ:

は、あなたはとても、ソースファイルに触れることなく、そのためのjQueryのサイズ変更が可能なコードを猿パッチでき

if (this._aspectRatio && !b.shiftKey) 
0

if (this._aspectRatio || b.shiftKey) 

を置き換えますそれでもCDNを使用することができます。

var mouseDrag = $.ui.resizable.prototype._mouseDrag; 
$.ui.resizable.prototype._mouseDrag = function (event) { 
    event.shiftKey = !event.shiftKey; 
    var aspectRatio = this._aspectRatio; 
    this._aspectRatio = aspectRatio && event.shiftKey; 
    mouseDrag.apply(this, arguments); 
    this._aspectRatio = aspectRatio; 
};