Lớp phủ tải CSS
|
Có ba phương pháp khác nhau, một để đính kèm LoadingOverlay vào Show
$. LoadingOverlay(hành động [,tùy chọn])Hiển thị LoadingOverlay với vị trí cố định, bao phủ toàn bộ trang. Tùy chọn chuyển một số Phương thức này không trả về gì cả. Xem để biết chi tiết. $(bộ chọn). LoadingOverlay(hành động [,tùy chọn])Đính kèm LoadingOverlay vào một phần tử DOM hoặc một tập hợp các phần tử DOM. Tùy chọn chuyển một số Phương thức này trả về một đối tượng jQuery hoặc một tập hợp các đối tượng jQuery (tùy thuộc vào bộ chọn được sử dụng) và có thể kết nối được. Xem để biết chi tiết. $. LoadingOverlaySetup(tùy chọn)Đặt mặc định hành độngCác phương thức Trình diễnHiển thị LoadingOverlay hoặc tăng bộ đếm nếu nó đã được hiển thị. Theo tùy chọn, bạn có thể chuyển một bộ Ẩn giấuẨn LoadingOverlay hoặc giảm bộ đếm nếu nó cao hơn Thay đổi kích thướcBuộc thay đổi kích thước lớp phủ Loading. Điều này đặc biệt hữu ích khi bạn quyết định tắt tính năng này và bạn muốn kiểm soát nó theo cách thủ công khi bạn thay đổi trang. ChữCập nhật văn bản hiện được hiển thị bằng văn bản được chuyển đến tham số Lưu ý rằng hành động này chỉ hoạt động nếu LoadingOverlay được khởi tạo với một số. Tiến triểnCập nhật thanh tiến trình với tham số Lưu ý rằng hành động này chỉ hoạt động nếu LoadingOverlay được khởi tạo với tùy chọn được đặt thành Tùy chọn và giá trị mặc định
// Background
background : "rgba(255, 255, 255, 0.8)" // String
backgroundClass : "" // String/Boolean
// Image
image : "" // String/Boolean
imageAnimation : "2000ms rotate_right" // String/Boolean
imageAutoResize : true // Boolean
imageResizeFactor : 1 // Float
imageColor : "#202020" // String/Array/Boolean
imageClass : "" // String/Boolean
imageOrder : 1 // Integer
// Font Awesome
fontawesome : "" // String/Boolean
fontawesomeAnimation : "" // String/Boolean
fontawesomeAutoResize : true // Boolean
fontawesomeResizeFactor : 1 // Float
fontawesomeColor : "#202020" // String/Boolean
fontawesomeOrder : 2 // Integer
// Custom
custom : "" // String/DOM Element/jQuery Object/Boolean
customAnimation : "" // String/Boolean
customAutoResize : true // Boolean
customResizeFactor : 1 // Float
customOrder : 3 // Integer
// Text
text : "" // String/Boolean
textAnimation : "" // String/Boolean
textAutoResize : true // Boolean
textResizeFactor : 0.5 // Float
textColor : "#202020" // String/Boolean
textClass : "" // String/Boolean
textOrder : 4 // Integer
// Progress
progress : false // Boolean
progressAutoResize : true // Boolean
progressResizeFactor : 0.25 // Float
progressColor : "#a0a0a0" // String/Boolean
progressClass : "" // String/Boolean
progressOrder : 5 // Integer
progressFixedPosition : "" // String/Boolean
progressSpeed : 200 // Integer
progressMin : 0 // Float
progressMax : 100 // Float
// Sizing
size : 50 // Float/String/Boolean
minSize : 20 // Integer/String
maxSize : 120 // Integer/String
// Misc
direction : "column" // String
fade : [400, 200] // Array/Boolean/Integer/String
resizeInterval : 50 // Integer
zIndex : 2147483647 // Integer
|
