Trang chủ Lập trình Javascript - HTML Viết hàm javascript kiểm tra font Awesome đã được load hay chưa

Viết hàm javascript kiểm tra font Awesome đã được load hay chưa

Hôm nay mình có viết 1 tiện ích nhỏ chạy trên nền web trong đó có phần phải tải font Awesome để sử dụng một số icon từ font chữ này. Tất cả đều ổn tuy nhiên khi mặc định mình để tải cho tất cả. Vấn đề ở đây xảy ra với các trang web đã và đang sử dụng Awesome trên trang của mình thì nó sẽ bị chớp nháy 1 cái (tải lại font nó hay bị thế).

Vậy làm sao để khắc phục tình trạng này. Chắc chắn là phải viết hàm kiểm tra xem font Awesome đã được tải trước khi tiện ích này chạy. Và đây là hàm cần dùng:

Giải thích:

Hàm này sẽ thêm 1 phần tử span đặt ở chế độ ẩn và thêm class fa (tên class mặc định của font Awesome). Tiếp đó sẽ chạy lệnh kiểm tra CSS nếu phần tử này font-familyFontAwesome thì chứng tỏ font Awesome đã được tải còn không thì ngược lại. Và sau khi check thì xóa phần tử này.

Huỳnh Mai Anh Kiệt

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -
Shopify

BÀI VIẾT MỚI

Cách sắp xếp lại hình ảnh trong album trên Facebook

Mặc định khi upload ảnh lên một album trên Facebook thì hình ảnh upload lên trước sẽ hiển thị trước, hình ảnh upload lên...

Những điều cần biết về ngành Công nghệ thông tin

Một kỳ tuyển sinh đại học lại sắp đến và nếu bạn có đam mê về ngành Công nghệ thông tin nhưng chưa hiểu...

Cách tải tập tin torrent trên điện thoại di động và máy tính bảng

Nếu bạn đang tìm cách tải xuống những tập tin có dung lượng lớn thì sẽ không có cách nào tốt hơn là việc...

Hàu nướng 18 vị

Quán Bếp Hana, 59A Lý Thường Kiệt, Tp.Quy Nhơn có không gian nhỏ nhưng trang trí hiện đại, ấm cúng. Quán phục vụ rất...

Cách nén và giải nén trên Android

Không phải tất cả các tập tin PC đều hoạt động trên điện thoại thông minh hoặc máy tính bảng Android của bạn nhưng...

BẠN XEM CHƯA

Microsoft mang đến những tính năng mới và mạnh cho Microsoft Office

Microsoft hiện đã phát hành phiên bản beta mới cho người dùng Microsoft Office Insider. Bản beta mới này không có lộ trình phát...

Kiểm tra độ an toàn của trang web trên nền tảng WordPress

WordPress được biết đến như mã nguồn mở đang được rất nhiều các cá nhân, doanh nghiệp từ lớn đến nhỏ chọn làm nền...

Vượt qua sự vô tâm

Trong tình yêu, sự vô tâm là một chất xúc tác đẩy hai người xa nhau dần. Nếu không chịu cải thiệntình hình, hai...

Ashampoo Photo Converter 2 công cụ chuyển đổi hình ảnh đa năng

Có nhiều phần mềm giúp bạn chuyển đổi qua lại giữa các định dạng hình ảnh tuy nhiên những công cụ này ít khi...

Chơi game tích hợp trong Google Chrome khi bị mất kết nối interet

Nếu bạn thường dùng trình duyệt web Google Chrome để lướt web thì khi không kết nối được internet Chrome sẽ hiện thông báo...