jquery draggable: how to limit the draggable area?

by

Use the “containment” option:

jQuery UI API – Draggable Widget – containment

The documentation says it only accepts the values: 'parent', 'document', 'window', [x1, y1, x2, y2] but I seem to remember it will accept a selector such as ‘#container’ too.

More Related Contents:

  1. jQuery Drag And Drop Using Live Events
  2. jQuery draggable shows helper in wrong place after page scrolled
  3. Restrict jQuery draggable items from overlapping/colliding with sibling elements
  4. How can I make a jQuery UI ‘draggable()’ div draggable for touchscreen?
  5. jQuery UI – Draggable is not a function?
  6. Draggable div without jQuery UI
  7. jQuery draggable + droppable: how to snap dropped element to dropped-on element
  8. Draggable revert if outside this div and inside of other draggables (using both invalid and valid revert options)
  9. How to change the bootstrap css width into 1000px? [closed]
  10. How to access the content of an iframe with jQuery?
  11. How to fire loadComplete after new row is added in jqgrid?
  12. jQuery AJAX Character Encoding
  13. jQuery Set Select Index
  14. How do I change selected value of select2 dropdown with JqGrid?
  15. How do I implement onchange of with jQuery?
  16. Choosing a jQuery datagrid plugin? [closed]
  17. Can jQuery add commas while user typing numbers?
  18. How can I remove script elements before they are being executed?
  19. jQuery Validation plugin won’t validate when in click event handler of
  20. Dynamically add a class to Bootstrap’s ‘popover’ container
  21. How do I select a sibling element using jQuery?
  22. JQuery Animate Background Image on Y-axis
  23. why doesn’t Jqgrid frozen column seem to work with filter rows and filter heading?
  24. addID in jQuery?
  25. bootstrap-typeahead.js add a listener on select event
  26. jQuery trigger custom event synchronously?
  27. How to refresh the src of with jQuery?
  28. The .fadeOut() method to use visibility property instead of display property
  29. Load content with ajax in bootstrap modal
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment