Jquery Ui resizeable and draggable event

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

---

The destroy function worked

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