Jquery Draggable AND Resizable

by

Looks like it’s because you’re doing it on an <img>, which jqueryui wraps in a <div>, and then the draggable component of the image happens within the wrapping <div>.

Try wrapping the <img> in a <div> (which if styled display:inline-block, will “hug” the size of the image in both x and y axes), make the <div> draggable (and therefore the enclosed <img> will be as well), and make the <img> resizable (and since the div hugs the image, it all sits nicely).

Working example: http://jsfiddle.net/vrUgs/2/

More Related Contents:

  1. jQuery draggable shows helper in wrong place after page scrolled
  2. jQuery drag and drop simulation does not work for the last draggable
  3. grouping draggable objects with jquery-ui draggable
  4. When I make a draggable clone and drop it in a droppable I cannot drag it again
  5. Restrict jQuery draggable items from overlapping/colliding with sibling elements
  6. jQuery UI Resizable alsoResize reverse
  7. Draggable revert if outside this div and inside of other draggables (using both invalid and valid revert options)
  8. How to exclude an element from being dragged in sortable list?
  9. How to trigger jquery Resizable resize programmatically?
  10. Drag-Drop elements between parent frame and child iframe
  11. jQuery Datepicker onchange event issue
  12. Pass request headers in a jQuery AJAX GET call
  13. jQuery: what is the best way to restrict “number”-only input for textboxes? (allow decimal points)
  14. twitter bootstrap typeahead ajax example
  15. $(window).width() not the same as media query
  16. jQuery autocomplete with callback ajax json
  17. How to automatically change the text size inside a div?
  18. parse html string with jquery
  19. How do I know if jQuery has an Ajax request pending?
  20. How to set selected value on select using selectpicker plugin from bootstrap
  21. How do I get the HTTP status code with jQuery?
  22. How do I check whether a jQuery element is in the DOM?
  23. jQuery-UI datepicker default date
  24. Open JQuery Datepicker by clicking on an image w/ no input field
  25. Jquery: Find Text and replace
  26. Changing minDate and maxDate on the fly using jQuery DatePicker
  27. Parsing of html string using jquery
  28. jQuery draggable option elements
  29. Re-attaching jQuery detach();
  30. Custom CSS to allow chrome textarea resize smaller than initial state?

Leave a Comment