Demo of Resizable with destroy method

disable enable

By clicking the button Destroy the functionality of the resizable element is removed. Try to resize the element before and after the using the Destroy button.

You can refresh the page to use the functionality again.

Tutorial Resizable

Full Code

$(document).ready(function() {
$( "#resize_id" ).resizable();
$( "#resize_id" ).resizable( "disable" );

$( "#resize_id" ).resizable( "enable" );
////Click event end///
<table class='table'>
<a href='' role='button' class='btn btn-outline-primary' >  Refresh </a></td>
<a href=# role='button' id=b1 class='btn btn-outline-danger' > Destroy</a>

<div class='row'> <div class='col-md-12'>
<div id="resize_id" class=resize_cl></div>

Tutorial Resizable

Options|resizable|alsoResize|animate | animate get set|animateDuration| animateEasing|aspectRatio| autoHide cancel classes containment disabled ghost grid handles helper maxHeight maxWidth minWidth minHeight


destroy disable enable