JQuery JavaScript Tutorial


            



  jQuery UI Resizable - Delay start
  
  
  
  
  
  
  #resizable, #resizable2 { width: 150px; height: 150px; padding: 0.5em; }
  #resizable h3, #resizable2 h3 { text-align: center; margin: 0; }
  
  
  $(function() {
    $("#resizable").resizable({
      delay: 1000
    });
    
    $("#resizable2").resizable({
      distance: 40
    });
  });
  



  
Time delay (ms):

  Time


Distance delay (px):

  Distance



Delay the start of resizng for a number of milliseconds with the delay option; prevent resizing until the cursor is held down and dragged a specifed number of pixels with the distance option.