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

Dân Anh đốt cột phát sóng 5G vì nghi phát tán virus Corona

Ít nhất ba cột phát sóng 5G vừa bị đốt cháy vì có người tin rằng nó là nguồn phát tán virus corona. Theo BBC,...

Kiểm tra trình duyệt của khách có phải là Safari bằng PHP

Hôm rồi chợt nhận ra điều là Safari của Apple chưa hỗ trợ hiển thị ảnh WebP. Vậy là cái plugin Hura Apps Photos...

GitHub mua lại nền tảng npm

npm là đóng một phần quan trọng trong cộng đồng JavaScript. Cộng đồng npm trong 10 năm qua là sự đóng góp của hàng...

Youtube cho phép quảng cáo trên video có nội dung liên quan đến Covid-19

Trong một bài đăng trên blog, CEO Susan Wojcicki cho biết YouTube sẽ bắt đầu cho phép chạy quảng cáo trên các video thảo...

Kiểm tra khả năng bị lây nhiễm Covid-19 của bạn bằng trí tuệ nhân tạo

Trong bối cảnh Covid-19 đang lan rộng và khả năng lây nhiễm rất cao khi ta vô tình tiếp xúc với các người bị...

BẠN XEM CHƯA

AppGiaRe – Phần mềm quản lý bán hàng chuyên nghiệp

Appgiare là phần mềm quản lý bán hàng phổ biến nhất với 50.000 cửa hàng đang sử dụng. Đơn giản, dễ dùng, tiết kiệm...

Trung Quốc muốn mã nguồn của Apple nhưng công ty này từ chối

Có vẻ như cuộc chiến pháp lý giữa Apple và các nhà chức trách Mỹ vẫn chưa kết thúc khi mới đây trong một...

Cách khắc phục tình trạng không cho cập nhật hay cài đặt plugin mới trên WordPress

Hôm nay giải quyết một task do một cậu đồng nghiệp chuyển qua. Task này là yêu cầu kiểm tra khắc phục tình trạng...

Luyện đề thi bằng lái xe B2 trực tuyến

Đầu tiên lúc thời xa xưa chỉ có sách với vở thì khi máy tính trở nên phổ biến thì cách luyện thi bằng...

Keeeb – Đánh dấu nhanh những thông tin quan trọng

Keeeb (www.keeeb.com) là một dịch vụ trực tuyến hỗ trợ bạn đánh dấu lưu trữ những thông tin bao gồm: văn bản, video, hình...