Resizable: Fix aspectRatio cannot be changed after initialization.

Fixes #4186

Author: sergeir82

tests/unit/resizable/options.js

@@ -155,6 +155,21 @@ QUnit.test( "aspectRatio: Resizing can move objects", function( assert ) {
 	assert.equal( target.position().top, 0, "compare top - no movement" );
 } );
 
+QUnit.test( "aspectRatio: aspectRatio can be changed after initialization", function( assert ) {
+	assert.expect( 2 );
+
+	var target = $( "#resizable1" )
+		.resizable( { aspectRatio: 1 } )
+		.resizable( "option", "aspectRatio", false );
+
+	var handle = ".ui-resizable-e";
+
+	testHelper.drag( handle, 80 );
+
+	assert.equal( target.width(), 180, "compare width -  size change" );
+	assert.equal( target.height(), 100, "compare height - no size change" );
+} );
+
 QUnit.test( "containment", function( assert ) {
 	assert.expect( 4 );
 

tests/unit/resizable/resizable.html

@@ -44,17 +44,17 @@
 <div id="qunit"></div>
 <div id="qunit-fixture">
 
-<div id="container">
-	<div id="resizable1">I'm a resizable.</div>
-	<div id="resizer1" class="ui-resizable-handle ui-resizable-s"></div>
-</div>
+	<div id="container">
+		<div id="resizable1">I'm a resizable.</div>
+		<div id="resizer1" class="ui-resizable-handle ui-resizable-s"></div>
+	</div>
 
-<div id="container2">
-	<div id="parent">
-		<div id="child">I'm a resizable.</div>
+	<div id="container2">
+		<div id="parent">
+			<div id="child">I'm a resizable.</div>
+		</div>
 	</div>
-</div>
-<img src="images/test.jpg" id="resizable2" alt="solid gray">
+	<img src="images/test.jpg" id="resizable2" alt="solid gray">
 
 </div>
 </body>

ui/widgets/resizable.js

@@ -226,6 +226,9 @@ $.widget( "ui.resizable", $.ui.mouse, {
 			this._removeHandles();
 			this._setupHandles();
 			break;
+		case "aspectRatio":
+			this._aspectRatio = !!value;
+			break;
 		default:
 			break;
 		}