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

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ị...

10 lời đồn sai về Covid-19

1. Ai nhiễm Covid-19 sẽ chết - Tỉ lệ tử vong hiện nay khoảng 3.4%. Người càng lớn tuổi tỉ lệ tử vong sẽ cao...

BẠN XEM CHƯA

Khôi phục và giữ an toàn tài khoản Facebook khi bị tấn công

Tài khoản Facebook của bạn có thể đăng bị kẻ xấu để ý và chờ cơ hội đánh cắp để xem những thông tin,...

Website của Mazda Bình Định bị hacker “hỏi thăm”

Mới đây có vẻ như website của Mazda Bình Định đã bị hacker hỏi thăm. Bằng chứng là hacker đã để lại một tập...

Lịch theo dõi UEFA Euro 2016 cần thiết cho các tín đồ bóng đá

Như vậy còn mấy tháng nữa là các tín đồ bóng đá sẽ sống trong không khí sôi động khi mà giải vô địch...

Đừng cố yêu

Người đã muốn đi bạn níu cũng không được, người giả vờ ngủ say bạn gọi cũng không tỉnh, người đã không yêu bạn...

Ứng dụng tạo ảnh khoả thân của phụ nữ bằng trí tuệ nhân tạo

Mới đây một công cụ giúp dễ dàng tạo ra các ảnh khỏa thân của phụ nữ từ những bức ảnh bình thường (có...