Position an element relative to the window, document, another element, or the cursor/mouse. ExamplesDefault functionalityImage Cycler Use the form controls to configure the positioning, or drag the positioned element to modify its offset. Drag around the parent element to see collision detection in action. view source 1 2 3 4 5 6 7 8 9 … Continue reading

jQuery UI 1.8.3 Changelog

There was a problem with the build process which generated jQuery UI 1.8.3 which caused some of the files to not contain the copyright information. Due to the missing copyright information, 1.8.4 was immediately released after 1.8.3. If you are using jQuery UI 1.8.3, please upgrade to 1.8.4 or a more recent version.

jQuery UI 1.8.16 Changelog

Released on August 15, 2011 link Core & Utilitieslink Mouse Fixed: Nested draggables problem in IE. (#4333, 14ab4f4) Fixed: Error in IE 8 with disabled inputs. (#7620, c5799b5) link Widget Factory Fixed: jQuery.data throws a script error in certain circumstances. (#7510, c7c5b6b) link Interactionslink Draggable Fixed: iframeFix always runs with old versions of jQuery. (#7632, … Continue reading

jQuery UI 1.8rc3 Changelog

Released on February 25, 2010 link Widgetslink Accordion Fixed: newContent/oldContent parameters are incorrect in change callback. (#4469) link Autocomplete Fixed: Error when using bgiframe plugin. (#5196) Fixed: Blur causes last active menu item to be selected. (#5205) Fixed: Class needed on input element. (#5198) Fixed: Broken demos. (#5126) Fixed: Autocomplete in Dialog is positioned incorrectly. … Continue reading

jQuery UI 1.7.1 Changelog

Released on March 18, 2009 link GeneralThis is a maintenance release for jQuery UI 1.7. It changes only the plugins listed below. No changes to effects or themes. link Interactionslink Droppable Fixed: Droppable: option accept setter .droppable('option', 'accept', selector) fails (#4278) link Resizable Fixed: Resizable with containment boundary – aspectRatio breaks (#4199) link Selectable Fixed: … Continue reading

jQuery UI 1.8.9 Changelog

Released on January 19, 2011 link Interactionslink Draggable Fixed: Incorrect handling of revert when using a helper and the original element is removed. (#6871, 0ed452b) link Sortable Fixed: Calling cancel when there is no sort occurring throws an error. (#6879, 1ce8cf8) Fixed: Calling cancel throws an error. (#5882, 465c4c2) link Widgetslink Accordion Fixed: Opening a … Continue reading

jQuery UI 1.12.0-rc.2 Changelog

Released on April 21, 2016, listing changes since 1.12.0-rc.1. link Interactions Resizable: Fix top jump with rotated element (89fe04a) Resizable: Implement setOption for handles (#3423, 623b64e) Selectable: Proper handling of inner scrolling (#13359, a240251) Sortable: Update _contactContainers to use page clientX/Y values (#10727, #5039, 9aca706) Sortable: Fix incorrect top containment for document (#14927, c19fc10) link … Continue reading

jQuery UI 1.11.3 Changelog

Released on February 12, 2015 link Core & Utilitieslink Core Fixed: Match on exact node name for :focusable and :tabbable to support custom elements (#10747, f1345e3) link Position Fixed: Flip collision handling (#8710, 276cd5c, 9db4057) link Interactionslink Resizable Fixed: Correct width when grid approaches zero (#10590, 0a0db09) Fixed: Match on exact node name to support … Continue reading

jQuery UI 1.8.10 Changelog

Released on February 22, 2011 link Interactionslink Resizable Fixed: Element doesn't change to size that helper shows when snapping to grid (#6926, d6fa44a) link Widgetslink Autocomplete Fixed: Handling of race conditions when using jQuery 1.3.2. (#6904, 6b9b513) link Button Fixed: Batched class changes to improve performance. (#6934, 9191ee3) link Datepicker Fixed: Incorrect semi-colon that should … Continue reading


Enhance a text input for entering numeric values, with up/down buttons and arrow key handling. ExamplesDefault functionalityCurrencyDecimalMapOverflowTime Default spinner. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 … Continue reading


Displays collapsible content panels for presenting information in a limited amount of space. ExamplesDefault functionalityCollapse contentCustomize iconsFill spaceNo auto heightSortable Click headers to expand/collapse content that is broken into logical sections, much like tabs. Optionally, toggle sections open/closed on mouseover. The underlying HTML markup is a series of headers (H3 tags) and content divs so … Continue reading


Create targets for draggable elements. ExamplesDefault functionalityAcceptPrevent propagationRevert draggable positionSimple photo managerVisual feedback Enable any DOM element to be droppable, a target for draggable elements. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 … Continue reading

jQuery UI 1.5.2 Changelog

Released on July 9, 2008 link Interactionslink Draggable Add revert as a method (#2914) Add an event to the droppable system (#2436) Fixed ui.absolutePosition not updated when snapping is enabled (#3002) Fixed jQuery.remove() losing select options in Safari 3.1.1 (#3037) link Droppable Fixed jQuery.remove() losing select options in Safari 3.1.1 (#3037) link Resizable Fixed resizable … Continue reading

jQuery UI 1.8.21 Changelog

Released on June 5, 2012 link Core & Utilitieslink Position Fixed: Position module throws uncaught exception on IE8 with jQuery 1.3.2. (#8254, 3cf2b7c) link Interactionslink Draggable Fixed: Incorrect dimensions used if .ui-draggable-dragging changes dimensions. (#8349, 168a21d) link Sortable Fixed: Items may not be inserted into the correct position when dragged between connected sortables. (#8268, b76ac30) … Continue reading


Themeable menu with mouse and keyboard interactions for navigation. ExamplesDefault functionalityCategoriesIcons A menu with the default configuration, disabled items and nested menus. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate. view source 1 2 3 4 5 6 7 … Continue reading


Allow elements to be moved using the mouse. ExamplesDefault functionalityAuto-scrollConstrain movementCursor styleEventsHandlesjQuery UI Draggable + SortableRevert positionSnap to element or gridVisual feedback Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport. view source 1 2 3 4 5 6 … Continue reading

jQuery UI 1.8.8 Changelog

Released on January 13, 2011 link Core & Utilitieslink Position Fixed: Collision detection fails on the right side in Internet Explorer. (#6812, ca46a3a) link Widgetslink Accordion Fixed: Accordion header margins disappear in IE 8. (#5421, 3471bd6) Fixed: ol numbering bug. (#6720, dd7aae2) link Autocomplete Fixed: The combobox "show all" button submits forms. (#6755, ffc0855) Fixed: … Continue reading

Widget Factory

Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets. ExamplesDefault functionality This demo shows a simple custom widget built using the widget factory (jquery.ui.widget.js). The three boxes are initialized in different ways. Clicking them changes their background color. View source to see how it works, its heavily commented To learn more … Continue reading


Use the mouse to select elements, individually or in a group. ExamplesDefault functionalityDisplay as gridSerialize Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections. view source 1 2 3 4 5 6 7 8 … Continue reading


Reorder elements in a list or grid using the mouse. ExamplesDefault functionalityConnect listsDisplay as gridDrop placeholderHandle empty listsInclude / exclude itemsPortlets Enable a group of DOM elements to be sortable. Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default, sortable items … Continue reading