Question

i disabled the draggable and resizable events on a box but once you use the disabled true attr it does disable the draggable and resizeable events but it reduces the opacity of the box as if it had an overlay.Does anyone know why that is?

$('#box').resizable({disabled:true});
 $('#box').draggable({disabled:true});

box css:

#box{ 
      position:absolute; 
      top:40px; 
      left:600px; 
      width: 100px; 
      height: 100px; 
      border:1px solid #000; 
      background-color: #fff; 
   }

Many Thanks

Answer 1

The destroy function worked

$('#box').draggable( "destroy" );
$('#box').resizable( "destroy" );