title: Jquery Draggable AND Resizable
body: <pre><code>function makeResourceDrag(arrIndexID) {
  
      $('#imgA' + arrIndexID).resizable();
  
      $('#imgA' + arrIndexID).draggable({
          start: function(event, ui) {
              isDraggingMedia = true;
          },
          stop: function(event, ui) {
              isDraggingMedia = false;
  
              // Set new x and y
              resourceData[arrIndexID][4] = Math.round($('#imgA' + arrIndexID).position().left / currentScale);
              resourceData[arrIndexID][5] = Math.round($('#imgA' + arrIndexID).position().top / currentScale);
  
          }
      });
  
  }
  </code></pre>
  
  <p>This works fine if the resizeable line is taken out, but I want these images to be draggable and resizeable, I get funny behaviours if I try and make the same element have both attributes, does anyone know a way to make this work?</p>
  
  <p>Thanks!</p>