Uživatelské rozhraní JQuery - JQuery UI
![]() | |
Vývojáři |
|
---|---|
Stabilní uvolnění | 1.12.1 / 14. září 2016[2] |
Úložiště | ![]() |
Napsáno | JavaScript |
Typ | Zapojit |
Licence | Licence MIT[3] |
webová stránka | jqueryui |
jQuery UI je sbírka Widgety GUI, animované vizuální efekty a témata implementováno s jQuery (A JavaScript knihovna ), Kaskádové styly, a HTML.[4] Podle analytické služby JavaScriptu Libscore „Uživatelské rozhraní jQuery bylo použito na více než 197 000 z jednoho milionu nejlepších webů, což z něj dělá druhou nejoblíbenější knihovnu JavaScriptu.[5] Pozoruhodní uživatelé zahrnují Pinterest, PayPal, IMDb, Huffington Post, a Netflix.[6]
JQuery i jQuery UI jsou bezplatný open source software distribuováno nadací jQuery pod Licence MIT; Uživatelské rozhraní jQuery bylo poprvé publikováno v září 2007.[3][7]
Funkce
Od vydání 1.11.4:[8]
Interakce
Přetahovatelný, Droppable, Resizable, Selectable, Sortable
Widgety
Všechny widgety uživatelského rozhraní jQuery jsou plně tematizovatelné pomocí konsolidovaného koordinovaného mechanismu motivů.[9]
- Akordeon - Akordeonové kontejnery
- Automatické doplňování - Automatické dokončování polí podle toho, co uživatel zadává
- Knoflík - Vylepšený vzhled tlačítek, přepněte přepínače a zaškrtávací políčka na tlačítka
- DatePicker - Pokročilý výběr data
- Dialog - Zobrazit dialogová okna nad jiným obsahem, snadno a robustně
- Jídelní lístek - Zobrazit nabídku
- Ukazatel průběhu - Indikátory průběhu, animované i ne
- Vyberte nabídku - Duplikuje a rozšiřuje funkčnost nativního prvku pro výběr HTML, aby překonal omezení nativního ovládacího prvku
- Posuvník - Plně přizpůsobitelné posuvníky
- Spinner - Ukažte číselník
- Záložky - Zpracování uživatelského rozhraní s kartami, s vloženým i poptávkovým obsahem
- Popisek - Zobrazit popisek
Účinky
- Barevná animace - Animujte přechod z jedné barvy na druhou
- Přepnout třídu, Přidat třídu, Odebrat třídu, Přepnout třídu - Animujte přechod z jedné sady stylů do druhé
- Účinek - Různé efekty (objevovat se, sklouzávat, explodovat, fade-in atd.)
- Přepnout - Zapnutí a vypnutí efektu
- Skrýt, Ukázat - Použití výše uvedených efektů
Utility
- Pozice - Nastavte polohu prvku vzhledem k poloze jiného prvku (zarovnání)
- Widget Factory - Vytvořte stavové pluginy jQuery pomocí stejné abstrakce jako všechny widgety uživatelského rozhraní jQuery
Příklad
// Udělejte prvek s id „draggable“ draggable$(funkce () { $(„#draggable“).tažný();});
<div id="přetahovatelný"> <p>Přetáhněte mě</p></div>
Díky tomu lze div s ID „přetáhnout“ přetahováním myší uživatele.
Historie vydání
Uživatelské rozhraní jQuery bylo spuštěno 17. září 2007.[7]
Datum vydání[10] | Číslo verze | jQuery Závislost | Další poznámky |
---|---|---|---|
17. září 2007 | 1.2.1+ | První vydání[7] | |
8. června 2008 | 1.5 | ||
16. dubna 2009 | 1.6 | 1.2.6+ | Vydání kompatibility pro jQuery 1.2.6. |
3. března 2009 | 1.7 | 1.3.2+ | |
18. března 2010 | 1.8 | 1.3.2+ | |
19. ledna 2011 | 1.8.9 | 1.3.2+ | |
22. února 2011 | 1.8.10 | 1.3.2+ | |
15. března 2011 | 1.8.11 | 1.3.2+ | |
13. dubna 2011 | 1.8.12 | 1.3.2+ | |
12. května 2011 | 1.8.13 | 1.3.2+ | |
17. června 2011 | 1.8.14 | 1.3.2+ | |
1. srpna 2011 | 1.8.15 | 1.3.2+ | |
15. srpna 2011 | 1.8.16 | 1.3.2+ | |
10. ledna 2012 | 1.8.17 | 1.3.2+ | |
20. února 2012 | 1.8.18 | 1.3.2+ | |
16. dubna 2012 | 1.8.19 | 1.3.2+ | |
30.dubna 2012 | 1.8.20 | 1.3.2+ | |
5. června 2012 | 1.8.21 | 1.3.2+ | |
24. července 2012 | 1.8.22 | 1.3.2+ | |
15. srpna 2012 | 1.8.23 | 1.3.2+ | |
28. září 2012 | 1.8.24 | 1.3.2+ | |
8. října 2012 | 1.9.0 | 1.6+ | |
25. října 2012 | 1.9.1 | 1.6+ | |
23. listopadu 2012 | 1.9.2 | 1.6+ | |
17. ledna 2013 | 1.10.0 | 1.6+ | Ukončena podpora pro IE6[11] |
15. února 2013 | 1.10.1 | 1.6+ | |
14. března 2013 | 1.10.2 | 1.6+ | |
3. května 2013 | 1.10.3 | 1.6+ | |
17. ledna 2014 | 1.10.4 | 1.6+ | |
25. dubna 2014 | 1.11.0-beta.1 | 1.6+ | Ukončena podpora pro IE7[12] |
23. května 2014 | 1.11.0-beta.2 | 1.6+ | |
26. června 2014 | 1.11.0 | 1.6+ | |
13. srpna 2014 | 1.11.1 | 1.6+ | |
16. října 2014 | 1.11.2 | 1.6+ | |
12. února 2015 | 1.11.3 | 1.6+ | |
11. března 2015 | 1.11.4 | 1.6+ | |
26. ledna 2016 | 1.12.0-beta.1 | 1.7+ | Ukončena podpora pro IE8, IE9, IE10[13] |
17. března 2016 | 1.12.0-rc.1 | 1.7+ | |
21. dubna 2016 | 1.12.0-rc.2 | 1.7+ | |
8. července 2016 | 1.12.0 (neohlášeno) | 1.7+ | |
14. září 2016 | 1.12.1 | 1.7+ |
Reference
- ^ „tým uživatelského rozhraní jQuery“. jqueryui.com. Nadace jQuery. Citováno 5. února 2016.
- ^ „jQuery UI 1.12.1“. jqueryui.com. 14. září 2016.
- ^ A b "Licence". jQuery.com. Nadace jQuery. Citováno 12. června 2014.
- ^ Sarrion, Eric (2012). jQuery UI. Sebastopol: O'Reilly Media. s. 1–4. ISBN 9781449316990. OCLC 768796881.
- ^ http://libscore.com/#libs
- ^ http://libscore.com/#$.ui
- ^ A b C John Resig (17. září 2007). „jQuery UI: Interakce a doplňky“. blog jQuery. Citováno 12. srpna 2012.
- ^ „ukázky uživatelského rozhraní jQuery“. jQuery UI. Citováno 5. února 2016.
- ^ „jQuery UI: ThemeRoller“. jQuery UI. Citováno 5. února 2016.
- ^ "jQuery UI - Dokumentace: UIChangelog". Citováno 2. dubna 2012.
- ^ jQuery UI 1.10.0, vyvoláno 15. února 2013
- ^ jQuery UI 1.11.0-beta.1, vyvoláno 1. května 2014
- ^ jQuery UI 1.12.0-beta.1, vyvoláno 5. února 2016
Další čtení
- Sarrion, Eric (24. března 2012). jQuery UI (1. vyd.). O'Reilly Media. str. 244. ISBN 978-1449316990.
- Wellman, Dan (23. srpna 2011). jQuery UI 1.8: Knihovna uživatelského rozhraní pro jQuery (1. vyd.). Packt Publishing. str. 424. ISBN 978-1849516525.
- de Jonge, Adriaan, Dutson, Phillip (2. listopadu 2012). jQuery, jQuery UI a jQuery Mobile: recepty a příklady (1. vyd.). Addison-Wesley Professional. str. 400. ISBN 978-0-321-82208-6.