JQuery UI: Difference between revisions

Revision as of 10:54, 5 February 2016

Revision as of 10:59, 5 February 2016

Line 37:

==Features==

As of the 1.911.0 and 2.0.34 release:<ref>{{cite web| url = http://jqueryui.com/demos/| title = jQuery UI Demos |accessdate=125 AugustFebruary 20122016|publisher=jQuery UI}}</ref>

===Interactions===

Line 47:

===Widgets===

All of jQuery UI's widgets are fully themeable using a consolidated, coordinated theme mechanism.<ref>{{cite web| url = http://jqueryui.com/themeroller| title = jQuery UI: ThemeRoller|accessdate=125 AugustFebruary 20122016|publisher=jQuery UI}}</ref>

* '''Accordion''' – Accordion containers

* '''Autocomplete''' – Auto-complete boxes based on what the user types

Line 55:

* '''Menu''' – Show a Menu

* '''Progressbar''' – Progress bars, both animated and not

* '''Selectmenu''' – Duplicates and extends the functionality of a native HTML select element to overcome the limitations of the native control

* '''Slider''' – Fully customizable sliders<ref>{{cite web

| url = http://www.innovativephp.com/jquery-featured-page-content-slider-plugin-tutorial-for-beginners/

| title = Jquery UI Examples – Creating a Page Content Slider |date=21 July 2011|accessdate=12 August 2012|publisher=Innovative PHP

}}</ref>

* '''Spinner''' – Show a Number Spinner

* '''Tabs''' – Tabbed user interface handling, with both inline and demand-loaded content

Line 72 ⟶ 70:

===Utilities===

* '''Position''' – Set an element's position relative to another element's position (alignment)

* '''Widget Factory''' – Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets

== Example ==

<source lang="javascript">

<script type="text/javascript">

// Make #the element with id "draggable" draggable

$(function () {

$("#draggable").draggable();