jQuery Mini UI是一款基于jQuery的輕量級UI組件庫,提供了豐富的常用組件和功能,同時還支持自定義組件的擴展。
下面是一些常用的API:
// 初始化組件 $(selector).componentName(options); // 獲取組件實例 $(selector).componentName("getInstance"); // 銷毀組件實例 $(selector).componentName("destroy"); // 設置組件選項 $(selector).componentName("set", optionName, value); // 獲取組件選項 $(selector).componentName("get", optionName); // 組件事件綁定 $(selector).componentName("on", eventType, handler); // 組件事件解綁 $(selector).componentName("off", eventType, handler); // 觸發(fā)組件事件 $(selector).componentName("trigger", eventType, params);
例如,我們要初始化一個彈出窗口組件:
$("#dialog").dialog({ title: "提示", content: "這是一個彈出窗口", width: 400, height: 200, modal: true, draggable: false, resizable: false, buttons: [{ text: "確定", iconCls: "icon-ok", handler: function(){ alert("點擊了確定按鈕"); } },{ text: "取消", iconCls: "icon-cancel", handler: function(){ $("#dialog").dialog("destroy"); } }] });
在這里,我們使用了dialog組件的初始化方法,設置了各種選項,以及兩個按鈕的點擊事件。當我們點擊"確定"按鈕時,將彈出一個提示框,而點擊"取消"按鈕則將銷毀該彈出窗口組件實例。
總之,jQuery Mini UI提供的API非常簡單易用,讓我們能夠輕松地創(chuàng)建和擴展各種UI組件。