jQuery UI

jQuery UI is a frontend UI framework that exists before frontend UI frameworks were cool.

This library revolutionized how Web-based frontends where built and has been an inspiration or has stood at the center of many CSS and UI frameworks since its launch.

The jQuery UI library currently revolves around two different parts.

One handles mouse interactions, namely dragging, dropping, selecting, sorting and resizing.

The other is the UI framework itself, a collection of out-of-the-box usable widgets.

These include components like accordions, date pickers, dialogs, sliders, tabs, autocompleters, progress bars, buttons, and many other more.

Each is packaged into its own plugin and can be loaded on a per-project basis, helping developers cut down the overall size of JavaScript files loaded on a page.

Besides its modular structure and support for a custom user interaction model, jQuery UI is also famous for its themes, one of the first frontend toolkits to implement inter-changeable skins for Web UIs.

While more complex and more complete UI frameworks have been launched since jQuery UI was first created, the project is very well usable even today, still being widely spread, constantly developed, and updated to recent technologies.

What is new in this release:

• Fixed:
• Ensure parent is correct after dragging through sortable.
• Allow jQuery instances as handles outside of the resizable element
• alsoResize supports more than one element of a jQuery instance
• Append a <tr> with <td> to the placeholder of <tbody> elements
• Redetermine floating flag when recalculating positions
• Handle box-sizing: border-box in animations
• Stop tracking instance in destroy() to avoid memory leaks
• Proper handling with float step
• Hiding with dynamically loaded content

What is new in version 1.11.4 / 1.12.0 RC 2:

• Fixed:
• Ensure parent is correct after dragging through sortable.
• Allow jQuery instances as handles outside of the resizable element
• alsoResize supports more than one element of a jQuery instance
• Append a <tr> with <td> to the placeholder of <tbody> elements
• Redetermine floating flag when recalculating positions
• Handle box-sizing: border-box in animations
• Stop tracking instance in destroy() to avoid memory leaks
• Proper handling with float step
• Hiding with dynamically loaded content

What is new in version 1.11.4 / 1.12.0 Beta 1:

• Fixed:
• Ensure parent is correct after dragging through sortable.
• Allow jQuery instances as handles outside of the resizable element
• alsoResize supports more than one element of a jQuery instance
• Append a <tr> with <td> to the placeholder of <tbody> elements
• Redetermine floating flag when recalculating positions
• Handle box-sizing: border-box in animations
• Stop tracking instance in destroy() to avoid memory leaks
• Proper handling with float step
• Hiding with dynamically loaded content

What is new in version 1.11.4:

• Fixed:
• Ensure parent is correct after dragging through sortable.
• Allow jQuery instances as handles outside of the resizable element
• alsoResize supports more than one element of a jQuery instance
• Append a <tr> with <td> to the placeholder of <tbody> elements
• Redetermine floating flag when recalculating positions
• Handle box-sizing: border-box in animations
• Stop tracking instance in destroy() to avoid memory leaks
• Proper handling with float step
• Hiding with dynamically loaded content

What is new in version 1.11.3:

• Fixed:
• Match on exact node name for :focusable and :tabbable to support custom elements.

What is new in version 1.11.1:

• This update brings bug fixes for Core, Widget Factory, Position, Draggable, Droppable, Resizable, Autocomplete, Datepicker, Dialog, Progressbar, Slider, Spinner, Tabs, and the CSS Framework.

What is new in version 1.11.0:

• jQuery UI now ships with support for AMD in each of its widgets and components.
• Selectmenu (new widget) duplicates and extends the functionality of a native HTML select element.
• jQuery UI now ships with Bower support.
• jQuery UI 1.11.0 supports jQuery 1.6 and newer.

What is new in version 1.10.2:

• Added:
• Migrate to grunt 0.4 and contrib plugins.
• Removed:
• Base theme from CDN build.
• Fixed:
• Issues with theme images in 1.10.1.

What is new in version 1.10.0:

• API Redesign: Dialog
• API Redesign: Progress bar
• Improved Accessibility
• Deprecated APIs
• Removed 1.8 Back Compatibility

What is new in version 1.9.2:

• This update brings bug fixes for Accordion, Autocomplete, Button, Datepicker, Dialog, Menu, Tabs, Tooltip and Widget Factory.

What is new in version 1.9.1:

• Build:
• Fixed: .jshintrc files not copied to dist.
• UI Core:
• Fixed: :focusable pseudo-selector does not find elements if parent has 0x0 dimension.
• Widget Factory:
• Fixed: Destroy only when element is the actual target.
• Fixed: this._on delegates using instance.widget() instead of passed element
• Fixed: widgetEventPrefix is lost when extending existing widget.
• Draggable:
• Fixed: Dragging into nested sortables causes duplicated placeholders.
• Resizable:
• Fixed: Use .insertAfter() instead of .after() to avoid recursively destroying.
• Fixed: Passing an object as ui.resizable handles parameter does not work.
• Sortable:
• Fixed: Can't drag an item out of an inner sortable; Hard to put an item between two inner sortables.
• Fixed: Out of range problem in when dragging a nested sortable.
• Accordion:
• Fixed: Multiple collapsible Accordions won't work together.
• Fixed: active: null allows panels to be collapsible.
• Autocomplete:
• Fixed: Initial position of autocomplete is incorrect.
• Button:
• Fixed: Anchor tags cannot be disabled within buttonset.
• Datepicker:
• Fixed: Date range demo bug when clearing date.
• Dialog:
• Fixed: Escape closes incorrect dialog.
• Fixed: Position with pixels in array doesn't work with back compat disabled.
• Fixed: jQuery dialog with hide options does not trigger close event.
• Fixed: jQuery 1.9.0 dialog on a XHTML page is broken if buttons are defined
• Fixed: Escape closes incorrect dialog.
• Slider:
• Fixed: Slider with range doesn't work if values are not set.
• Fixed: Setting min/max options does not update view.
• Spinner:
• Fixed: Spinner input has no background
• Fixed: Spinner buttons displayed on top of Datepicker.
• Tabs:
• Fixed: wrong default active li if ul contains extraneous elements.
• Fixed: Tabs are not working inside iframe in IE6/7.
• Fixed: Set initial active tab from location hash for ajax tabs.
• Tooltip:
• Fixed: Tooltip doesn't hide on disabled anchor element [IE only].
• Fixed: Delayed tooltips set to track should reposition when being shown for the first time.
• Fixed: Overlapping tooltipped elements shows native tooltip for one of the elements
• Fixed: Moving focus on click of a tooltipped element shows native tooltip in IE/Firefox on Windows
• Fixed: Tooltip flickers when too long.
• Fixed: Disabled tooltips on initialization.
• Fixed: Delegated tooltips don't close when the tooltipped element is removed
• Fixed: Remains after close of datepicker
• Effects:
• Fixed: null reference when using effects.
• CSS Framework:
• Fixed: Primary icon "enabled" when button is disabled.
• Fixed: Accordion Collapsed Color Issue.

What is new in version 1.9.0:

• Improved Widget Factory
• Improved Accessibility
• Renamed Effects Files
• New Widget:
• Spinner
• Tooltip
• Menu
• Redesigned:
• Accordion
• Tabs
• Position

What is new in version 1.9 beta1:

• Autocomplete accessibility updates: We're now using a live-region to guide screenreader users when using autocomplete, making the widget a lot more accessible.
• Accordion API redesign and accessibility updates: This also finally addresses the accordion-flicker problem: No more pixel-shifting of content below the accordion during animations.
• Tabs API redesign and accessibility updates: Tabs are now fully keyboard accesible and make proper use of ARIA attributes.
• Position API redesign: Along with some redesign we've also added new features: You can now use other elements beside window to run collision-detection against, and there's a "flipfit" mode that combines the two existing modes, which themselve got better. When working with the using callback, you get feedback about the positioning result, allowing you to position flyout arrows or other direction indicators.
• Lots of new features in the widget factory: The internal API for writing widgets has gotten a lot better. The two most notable new methos: _on lets you deal with events, nicely integrated into the widget instance, and _super lets you call a parent widget's method of the same name, which makes extending existing widget a breeze.
• New widget: Menu: Has been around for a while since 1.8, then hidden with the autocomplete file. Its now finally here!
• New widget: Tooltip: An accessible, event-delegation- supporting tooltip with the option to have any kind of (asynchronous) content show for any element. And its themable, like any other widget.
• New widget: Spinner: Our second text-input widget, similar to HTML5's <input type="number">, but giving you much greater control and including full localization support, via Globalize.

What is new in version 1.8.21:

• Fixed:
• Position module throws uncaught exception on IE8 with jQuery 1.3.2.
• Incorrect dimensions used if .ui-draggable-dragging changes dimensions.
• Combobox demo should not override .ui-button styles.
• Theme on animated progressbar remains the same.
• Syntax issue in Overcast UI theme.

What is new in version 1.8.19:

• This update brings bug fixes for Autocomplete, Button, Datepicker, Mouse, Position, Resizable, Sortable, and Tabs.

What is new in version 1.8.17:

• This update brings bug fixes for Accordion, Autocomplete, Button, Datepicker, Droppable, Position, Progressbar, Selectable, Sortable, Tabs, and the CSS Framework.
• The 1.8.17 release also brings support for jQuery 1.7.1.

What is new in version 1.9m6:

• Spinner:
• The Spinner API has been updated with a few new features and bug fixes. Check out the planning wiki for documentation.
• Menu:
• Menu now handles submenus much better.
• Position:
• Position now has a within option, allowing you to use something other then window for collision detection, e.g., a scrolling div. The collision detection itself got a lot smarter, and has a new mode: flipfit.

What is new in version 1.8.16:

• Mouse:
• Fixed: Nested draggables problem in IE.
• Fixed: Error in IE 8 with disabled inputs.
• Widget Factory:
• Fixed: jQuery.data throws a script error in certain circumstances.
• Draggable:
• Fixed: iframeFix always runs with old versions of jQuery.
• Droppable:
• Fixed: Droppable fails on a.element.parentsuntil.
• Button:
• Fixed: Button label selector omits quotes / fails for ids with ":".
• Datepicker:
• Added: Ability to stop datepicker from appearing with beforeShow event handler.
• Fixed: DatePicker reappears after selection in IE8.
• Fixed: onSelect triggered too often.
• Fixed: "Maximum call stack size exceeded" when selecting date in range demo.
• Dialog:
• Fixed: Pressing ESC on dialog when 2 dialogs are open closes both dialogs.
• Effects:
• Fixed: Wrapper-creating jquery-ui animations will discard any focus state during the animation.

What is new in version 1.8.15:

• Mouse:
• Fixed: When event propagation is stopped, all future mousedown events are improperly considered to be 'handled'.
• Datepicker:
• Fixed: Dutch march name translation.
• Fixed: onSelect does not fire when enter button is pushed.
• Fixed: onSelect does not fire when setDate is called.
• Fixed: Month and Year dropdowns in IE have to click twice.
• Fixed: _selectDate restores focus to non-object.
• Fixed: A Datepicker created on a detached div has zero height.
• Fixed: Disabled parameter doesn't work.
• Fixed: Typo in demo of datepicker: div type=text.
• Fixed: Misspelling in Datepicker options.
• Slider:
• Fixed: alignValue Global Scope.

What is new in version 1.8.14:

• Mouse:
• Fixed: IE Bug Large ComboBox (Dialog).
• Draggable:
• Fixed: containment: 'document' is incorrect for top and left in draggable.
• Fixed: IE 8 invalid drag and drop error.
• Droppable:
• Fixed: Scroll on Droppable Demo Breaks Demo.
• Resizable:
• Fixed: Resizable with aspectRatio true & a maxWidth doesn't obey ratio once hit max width.
• Fixed: https domain reports 'unsecured items' in IE7.
• Sortable:
• Fixed: Unable to remove() ui.draggable (sortable item) immediately after the drop callback.
• Autocomplete:
• Fixed: Docs: theming, classes not bold when stated as being bold.
• Fixed: Incorrect documentation for change event.
• Button:
• Fixed: Buttons problem in Opera.
• Fixed: Buttonset on rtl.
• Fixed: Disabled buttons still allow clicks.
• Fixed: Button state inconsistencies after (accidental) drag-clicking the button.
• Fixed: Checkbox/radio button do not show focused state when using Keyboard Navigation.
• Fixed: Button .enable() strange behavior on Webkit (Google Chrome, Safari).
• Fixed: Refresh scope in formResetHandler unintentionally wide.
• Datepicker:
• Fixed: Using multiple months always renders 6 rows of dates even if only 5 are needed.
• Fixed: Datepicker 1.8.x can't be used with jQuery 1.3.2 due to use of .delegate().
• Fixed: Incorrect value for "oo" during Daylight Saving Time.
• Fixed: onClose event not triggered.
• Fixed: parseDate() does not throw an exception for long years.
• Dialog:
• Fixed: Opening a Modal Dialog shows a horizontal scroll bar.
• Effects:
• Fixed: animateClass ignores easing due to typo 'easding'.
• CSS Framework:
• Added: support for konqueror border-radius.
• Added: Reducing size of some CSS.
• Tests:
• Fixed: jQuery.Simulate drag behaves incorrect when container scrolled.

What is new in version 1.9m5:

• The fifth milestone release for jQuery UI 1.9 is out, featuring the updated Tabs widget.
• This release also includes updates and bug fixes to existing and new widgets that will not make it into a 1.8.x release.

What is new in version 1.8.13:

• UI Core:
• Fixed Optimize :tabbable.
• Draggable:
• Fixed Nested draggables problem in IE.
• Fixed Containment ignored when scrolling in overflow div.
• Fixed Load iframe shims prior to dragging.
• Fixed Draggable+Sortable Demo duplicates DOM IDs.
• Resizable:
• Fixed Resizable autoHide Doesn't Work With Resizable's disable.
• Fixed Chrome dev tools console shows GET data: undefined (undefined).
• Autocomplete:
• Fixed Scrollable results don't visually update with jQuery 1.6.
• Buttons:
• Fixed Disabled buttons still allow clicks.
• Datepicker:
• Fixed Minimize event binding in Datepicker initialization.
• Fixed Year selector disappears after setting an option in Firefox.
• Fixed Display overflow when multiple datepickers have different numberOfMonths.
• Fixed Problem with JavascriptPacker (Files include BOMs).
• Fixed $.datepicker.parseDate does not work for some locale date strings.
• Fixed Incorrect day name for Slovak localization.
• Fixed Incorrect dateFormat in jquery.ui.datepicker-nl.js.
• Fixed Disabled datepicker should disable month and year dropdowns.
• Fixed Datepicker remains open when tabbing out.
• Fixed Rendering problem after changing numberOfMonths option.
• Fixed Typo in Datepicker docs.
• Slider:
• Fixed Optimize handle creation.
• Effects:
• Fixed $.effects.animateClass broken in jQuery 1.6.

What is new in version 1.8.12:

• Resizable:
• Resizable handles fail to work in IE if transparent and content overlaps.
• Autocomplete:
• Documentation for autoFocus option.
• Datepicker:
• Can't minify with YUI Compressor.
• Datepicker shows only single year in year dropdown if numberOfMonths > 1.
• Dialog:
• Buttons badly handled with jQuery 1.3.2.
• Progress bar:
• valueDiv should be hidden when value is at 0%.
• Slider:
• Value and values methods as setters aren't chainable.
• Tabs:
• Explain cookie plugin is included in externals.

What is new in version 1.8.11:

• Mouse:
• Fixed: click event suppressed after drag in Gecko.
• Draggable:
• Fixed: connectToSortable misbehaves if the position of the sortable changes after the sortable and draggable have been initialised as _refreshItems no longer updating container cache.
• Fixed: Draggable li with connectToSortable option cannot be dropped on the connected sortable ol.
• Fixed: Draggable with parent containment and margin.
• Droppable:
• Fixed: If activeClass changes the geometry of a droppable, then dnd uses the wrong geometry.
• Sortable:
• Fixed: Horizontal sortable not working.
• Accordion:
• Fixed: Set aria-selected.
• Autocomplete:
• Added: Option to automatically highlight the first result.
• Fixed: jQuery UI Autocomplete Documentation Does not Show Position As an Option.
• Button:
• Fixed: .last() used in ui.button but does not exist in jQuery 1.3.
• Fixed: Button creation that requires a matching label does not find label in all cases.
• Fixed: Button class change breaks icon only buttons.
• Datepicker:
• Fixed: Arabic month name has March in place of May.
• Added: Tajikistan localization.
• Fixed: Reformat minDate/maxDate when dateFormat changes.
• Effects:
• Fixed: Easing demo only first click is working.

What is new in version 1.8.10:

• Resizable:
• Fixed: Element doesn't change to size that helper shows when snapping to grid.
• Autocomplete:
• Fixed: Handling of race conditions when using jQuery 1.3.2.
• Button:
• Fixed: Batched class changes to improve performance.
• Datepicker:
• Fixed: Incorrect semi-colon that should have been a comma.
• Fixed: Account for daylight saving when calculating number of days in a month.
• Fixed: Display Year before Month in Hungarian i18n.
• Fixed: Improved translation of Norwegian names for days and months.
• Fixed: Datepicker does not fire change event in IE8.
• Fixed: Datepicker creates extra dom element with empty object.
• Fixed: Properly handle datepickers attached to inputs that are hidden using CSS.
• Dialog:
• Fixed: Documentation does not list position as a dependency.
• Individual effects:
• Fixed: Docs say that in Effect/Size the origin argument default is middle,center but it seems to be top,left.

What is new in version 1.9m4:

• The fourth milestone release for jQuery UI 1.9 is out, featuring the updated Accordion widget.

What is new in version 1.8.9:

• New Features:
• The datepicker widget now has support for the Algerian Arabic, Australian and New Zealand localizations.

Requirements:

• JavaScript enabled on client side
• jQuery 1.6 or higher