jQuery UI 1 9的新增功能

2021-10-05 14:06:02 字數 2088 閱讀 1535

經過兩年半的延遲和大量的辛苦工作,終於發布了新的1.9版jquery ui。 jquery ui 1.9一直支援最新的jquery穩定版本,直至版本1.6。 修復了許多錯誤並進行了許多更改,這對於庫而言是重要的一步。

很高興向您介紹最新的變化,但首先讓我解釋其中一些原因。 jquery ui是從不同**收集的新外掛程式和現有外掛程式的組合開始的。 不幸的是,該計畫的缺點是每個作者都有自己的編碼風格和設計原則,這導致外掛程式和小部件之間的不一致,從而阻礙了圖書館的整體發展。 意識到這個問題,從版本1.8開始,jquery ui團隊試圖通過關注更簡化的api來更改構建外掛程式的現有過程。

即將發布的2.0版本的主要目標是擁有乙個經過完全重新設計的專案,該專案具有更加簡單的api,統一的**庫,小部件之間的一致性,更好的穩定性,完整的文件以及針對每個外掛程式的完整測試套件。 而且,一旦將現有外掛程式更新為新標準,該專案將以更快的速度前進。 現在,讓我們討論1.9版中的更改。

有了新的工具提示小部件 ,jquery ui終於有了內建的工具提示解決方案。 該小部件允許您使用通過ajax載入的靜態內容或遠端內容。 您可以新增自定義位置,並選擇在顯示和/或隱藏工具提示時要使用的動畫。 同樣,將「滑鼠跟蹤」選項設定為true,工具提示將一直停留在滑鼠指標上,直到它在元素上移動。

當您處理任何型別的數字輸入時, 微調小部件可以是您最好的朋友。 可以使用滑鼠的滾輪或鍵盤來操作值。 您可以按較小或較大的增量旋轉值。 例如,向上/向下箭頭鍵可將值旋轉一,而頁面向上/向下鍵可將值旋轉十。 另外,通過使用globalize外掛程式,您可以配置小部件以使用不同語言環境中的貨幣和日期。 最後,溢位選項允許您將微調器限制在一定範圍內。 例如,如果將範圍設定為1到5,則高於5的任何內容都會溢位為零,反之亦然。 在處理日期和時間時,這尤其有用。

選單小部件可用於內聯和彈出選單,或作為構建更複雜的選單系統的基礎。 例如,您可以建立具有自定義位置的巢狀選單。 說到選單,計畫在1.10版本中再增加兩個小部件selectmenu和menubar。 您可以檢視路線圖以獲取詳細資訊。

如前所述,jquery ui被重構以變得更加一致和緊湊。 因此,新版本中進行了許多api更改。 下面列出了一些最值得注意的更改。

1.9版本為小部件工廠增加了許多功能,尤其是與例項化和繼承相關的功能。 小部件開發人員將發現許多新功能和改進。 有關更多詳細資訊,請參見widget 。

jquery ui 1.9引入了針對手風琴,自動完成,對話方塊,位置,選項卡和效果的api重新設計。 總體而言,小部件之間的一致性得到了改善。 每個單獨的小部件也都有一些改進。 手風琴小部件提供了更好的動畫支援,選項卡小部件提供了更好的ajax支援,而position實用程式提供了更好的碰撞檢測。

所有效果檔案都已重新命名以匹配jquery.ui.*.js命名模式。 例如,jquery.effects.*.js已重新命名為jquery.ui.effect-*.js。 同樣,jquery.effects.core.js已重新命名為jquery.ui.effect.js。 如果您使用單個效果檔案,則需要相應地更新檔案參考。

請注意,在1.9版中僅重構了小部件,實用程式和效果。 所有互動都將針對2.0進行重寫,因此它們將經歷不同的實現過程。

儘管重新設計帶來了一些變化,但1.9保持了與1.8 api的完全相容性。 這意味著公升級到1.9不會破壞任何現有頁面。 這是通過在1.9 api之上重建1.8 api來實現的。 所有1.9版本的預設行為是同時使用1.8和1.9 api,如果發生衝突,請遵循1.8 api。

在版本1.9中已棄用了許多現有的api。 這些api將在1.10版中刪除。 幸運的是,刪除1.8 api後,您無需等待下乙個版本來查詢**是否仍然可以工作。 您可以使用$.uibackcompat標誌來禁用所有不推薦使用的api,從而可以確定**是否已準備好用於1.10。 以下示例禁用通過設定已棄用的api$.uibackcompatfalse

公升級指南包含有關公升級到1.9版的詳細資訊。 不要擔心所有這些變化。 沒有人期望重構現有**,但是jquery ui團隊付出了很多努力來確保輕鬆完成過渡過程。

from:

jquery UI 寫的拖拽功能

收起 展開測試新增 i can be dragged only by this handle這裡是題目標題1 a這裡是第一大題 第一小題 這裡是第一大題 第一小題 這裡是第一大題 第一小題 這裡是第一大題 第一小題 這裡是第一大題 第一小題 這裡是第一大題 第一小題 這裡是第一大題 第一小題 這裡是...

19號 分析平台的功能

從其他資料庫 mysql oracle sql server csv檔案 excel檔案匯入資料到系統中。資料來源建立 通過定義好的資料來源,使用者可以直接把資料來源的資料抽取到系統中,或通過資料來源直接鏈結目標資料庫進行資料查詢及展現。在列表頁面可以新增 編輯 刪除已經建立的資料來源。資料庫建立 ...

AWS Lambda的新增功能

amazon web services已在其aws lambda無伺服器計算平台上安裝了lambda layers 用於 管理 和lambda runtime api 用於自定義執行時選擇 ruby語言支援也被新增。開發人員指南 無伺服器計算入門 然後學習如何使用microsoft的azure功能以...