JQuery UI：修订间差异
删除的内容 添加的内容
补救5个来源，并将0个来源标记为失效。) #IABot (v2.0.7 |
补救9个来源，并将0个来源标记为失效。) #IABot (v2.0.8 |
||
| 第10行： | 第10行： | ||
* Felix Nagel |
* Felix Nagel |
||
* Mike Sherov |
* Mike Sherov |
||
* Rafael Xavier de Souza<ref>{{cite web |url = http://jqueryui.com/about/#jquery-ui-team |title = jQuery UI Team |website=jqueryui.com |accessdate = 5 February 2016 |publisher = The jQuery Foundation}}</ref> |
* Rafael Xavier de Souza<ref>{{cite web |url = http://jqueryui.com/about/#jquery-ui-team |title = jQuery UI Team |website = jqueryui.com |accessdate = 5 February 2016 |publisher = The jQuery Foundation |archive-date = 2012-02-29 |archive-url = https://www.webcitation.org/65nrUByTb?url=http://jqueryui.com/about/#jquery-ui-team |dead-url = no }}</ref> |
||
}} |
}} |
||
| latest release version = 1.12.1 |
| latest release version = 1.12.1 |
||
| 第19行： | 第19行： | ||
| url = https://jqueryui.com/changelog/1.12.1/ |
| url = https://jqueryui.com/changelog/1.12.1/ |
||
| title = jQuery UI 1.12.1 Changelog |
| title = jQuery UI 1.12.1 Changelog |
||
| accessdate = 2017-10-25 |
|||
| ⚫ | |||
| archive-date = 2021-01-03 |
|||
| archive-url = https://web.archive.org/web/20210103130358/https://jqueryui.com/changelog/1.12.1/ |
|||
| dead-url = no |
|||
| ⚫ | |||
| status = 活躍 |
| status = 活躍 |
||
| programming language = [[JavaScript]] |
| programming language = [[JavaScript]] |
||
| genre = [[插件]] |
| genre = [[插件]] |
||
| license = [[MIT許可證]]<ref name="license">{{cite web |url = http://jquery.org/license/ |title = License |website=jQuery.com |accessdate = 2014-06-12 |publisher = The jQuery Foundation}}</ref> |
| license = [[MIT許可證]]<ref name="license">{{cite web |url = http://jquery.org/license/ |title = License |website = jQuery.com |accessdate = 2014-06-12 |publisher = The jQuery Foundation |archive-date = 2021-01-23 |archive-url = https://web.archive.org/web/20210123223926/https://jquery.org/license/ |dead-url = no }}</ref> |
||
| website = https://jqueryui.com/ |
| website = https://jqueryui.com/ |
||
}} |
}} |
||
'''jQuery UI'''是一套[[JavaScript]] [[函式庫]]，提供抽象化、可自訂主題的[[控制項|GUI控制項]]與動畫效果。基於[[jQuery]] JavaScript函式庫，可用來建構互動式的網際網路應用程式。在2007年9月[[約翰·雷西格]]於jquery.com部落格裡的一篇文章裡正式公諸於世<ref name=release>{{cite web|url=http://blog.jquery.com/2007/09/17/jquery-ui-interactions-and-widgets|title=jQuery UI: Interractions and plug-ins|author=John Resig|date=17 September 2007|accessdate=12 August 2012|publisher=jQuery blog|archive-date=2012-08-18|archive-url=https://web.archive.org/web/20120818212248/http://blog.jquery.com/2007/09/17/jquery-ui-interactions-and-widgets/|dead-url=no}}</ref>。最新的版本需要[[jQuery]] 2.1.1或更新的版本。<ref> |
'''jQuery UI'''是一套[[JavaScript]] [[函式庫]]，提供抽象化、可自訂主題的[[控制項|GUI控制項]]與動畫效果。基於[[jQuery]] JavaScript函式庫，可用來建構互動式的網際網路應用程式。在2007年9月[[約翰·雷西格]]於jquery.com部落格裡的一篇文章裡正式公諸於世<ref name=release>{{cite web|url=http://blog.jquery.com/2007/09/17/jquery-ui-interactions-and-widgets|title=jQuery UI: Interractions and plug-ins|author=John Resig|date=17 September 2007|accessdate=12 August 2012|publisher=jQuery blog|archive-date=2012-08-18|archive-url=https://web.archive.org/web/20120818212248/http://blog.jquery.com/2007/09/17/jquery-ui-interactions-and-widgets/|dead-url=no}}</ref>。最新的版本需要[[jQuery]] 2.1.1或更新的版本。<ref>{{Cite web |url=http://jqueryui.com/download |title=Build Your Download |accessdate=2012-09-02 |archive-date=2021-02-04 |archive-url=https://web.archive.org/web/20210204153555/https://jqueryui.com/download/ |dead-url=no }}</ref> |
||
== 功能 == |
== 功能 == |
||
2021年2月7日 (日) 02:38的版本
| 開發者 |
|
|---|---|
| 当前版本 | 1.12.1（2016年9月14日[2]） |
| 源代码库 | |
| 编程语言 | JavaScript |
| 类型 | 插件 |
| 许可协议 | MIT許可證[3] |
| 网站 | https://jqueryui.com/ |
jQuery UI是一套JavaScript 函式庫，提供抽象化、可自訂主題的GUI控制項與動畫效果。基於jQuery JavaScript函式庫，可用來建構互動式的網際網路應用程式。在2007年9月約翰·雷西格於jquery.com部落格裡的一篇文章裡正式公諸於世[4]。最新的版本需要jQuery 2.1.1或更新的版本。[5]
功能
以1.9.0版本為例[6]。
互動
- 拖曳（Draggable）–讓元素可以用滑鼠拖曳。
- 拖放（Droppable）–讓控制項可以接受其他拖曳進來的元素。
- 調整大小（Resizable）–讓元素可以調整大小[7]。
- 選取（Selectable）–提供進階的大量元素選擇功能。
- 排序（Sortable）–讓列表可以更容易排序。
控制項
jQuery UI的所有控制項都能自訂主題樣式[8]。
- 手風琴式選單（Accordion）–如手風琴般可伸縮的控制項。
- 自動完成（Autocomplete）–根據使用者的輸入來自動完成文字欄。
- 按鈕（Button）–增強按鈕外觀，將單選與複選控制項轉變成按鈕型式。
- 日期選擇器（Datepicker）–進階的日期選擇工具。
- 對話框（Dialog） –在頁面最上層顯示對話框。
- 選單（Menu） - 顯示多階層式的選單。
- 進度條（Progressbar） –動態與靜態的進度指示條。
- 滑動條（Slider）–完全可以自訂的滑動條與各種功能[9]。
- 微調選擇器（Spinner） - 上下控制的數字微調輸入欄。
- 頁籤（Tabs）–頁籤切換控制項，可以內嵌或動態載入內容。
- 工具提示（Tooltip） - 彈出式提示框。
效果
- 顏色動畫（Color Animation）–產生顏色轉變的動畫效果。
- 切換Class、新增Class、移除Class、開關Class –讓頁面上元素樣式轉變時有動畫效果。
- 效果（Effects）–各種效果（顯示、下拉、爆炸、淡入等等）。
- 切換（Toggle）–切換效果開關。
- 隱藏、顯示 - 使用上述的效果。
工具
- 位置（Position） –根據另一個元素來設定目標元素的位置（對齊）。
範例
<script type="text/javascript">
// 讓#draggable可以拖曳
$(function(){
$("#draggable").draggable();
});
</script>
<div id="draggable" style = "width: 150px; height: 150px; padding: 0.5em;" class="ui-widget-content">
<p>Drag me around</p>
</div>
這段程式碼會讓使用者的滑鼠游標可以拖曳ID為「draggable」的DIV元素。
参考文献
- ^ jQuery UI Team. jqueryui.com. The jQuery Foundation. [5 February 2016]. （原始内容存档于2012-02-29）.
- ^ González, Scott. jQuery UI 1.12.1 Changelog. 2016-09-14 [2017-10-25]. （原始内容存档于2021-01-03）.
- ^ License. jQuery.com. The jQuery Foundation. [2014-06-12]. （原始内容存档于2021-01-23）.
- ^ John Resig. jQuery UI: Interractions and plug-ins. jQuery blog. 17 September 2007 [12 August 2012]. （原始内容存档于2012-08-18）.
- ^ Build Your Download. [2012-09-02]. （原始内容存档于2021-02-04）.
- ^ jQuery UI Demos. jQuery UI. [14 October 2012]. （原始内容存档于2012-05-13）.
- ^ Jquery UI Examples – Crop Images With Jquery Resize. Innovative PHP. 16 June 2011 [12 August 2012]. （原始内容存档于2011年12月13日）.
- ^ jQuery UI: ThemeRoller. jQuery UI. [12 August 2012].
- ^ Jquery UI Examples – Creating a Page Content Slider. Innovative PHP. 21 July 2011 [12 August 2012]. （原始内容存档于2012年7月27日）.