Trang chủ Lập trình Javascript - HTML Một số lỗi jQuery thường gặp và cách khắc phục chúng

Một số lỗi jQuery thường gặp và cách khắc phục chúng

Nếu bạn lập trình web thì lỗi jQuery là thứ bạn thường xuyên bị nhất. Thay vì ngồi… mò để tìm lỗi thì nến tinh ý một chút bạn có thể dễ dàng xác định nguyên nhân các lỗi thông dụng và xử lý chúng nhanh chóng. Dưới đây là một số lỗi thường gặp nhất:

1. jQuery is not defined

Tạm dịch thông báo lỗi này là: jQuey không được định nghĩa. Lỗi này là đơn giản là bạn chưa đưa thư viện jQuery vào trước khi sử dụng các hàm của jQuery. Có 2 nguyên nhân có là bạn chưa chèn đoạn mã chèn vào hoặc có chèn nhưng gọi nó phía sau hàm sử dụng.

Cách khắc phục đơn giản là bạn chèn thư viện jQuery vào hoặc nếu chèn rồi thì di chuyển đoạn mã chèn lên đặt phía trước hàm dùng.

2. $(…).ABC is not a function (ABC là tên một thư viện hàm jQuery)

Từ thư viện jQuery các lập trình viên đã xây dựng lên nhiều thư viện hàm để người dùng có thể dễ dàng xây dựng các tính năng như popup hay slider. Và khi sử dụng thỉnh thoảng sẽ xuất hiện các thông báo lỗi kiểu như: $(…).magnificPopup is not a function hay $(…).owlCarousel is not a function… Tạm dịch thông báo lỗi này là $(…).ABC không phải là một hàm. Lỗi này cũng đơn giản như lỗi ở trên nhưng nó thuộc về thư viện hàm mà bạn dùng chứ không phải của thư viện jQuery. Và cách giải quyết cũng tương tự.

3. Lỗi sai thư viện jQuery

Mỗi phiên bản jQuery sẽ có những sai khác nhất định và với mỗi thư viện hàm xây dựng trên nền tảng jQuery thường tương thích tốt với phiên bản jQuery tại thời điểm lúc đó. Về sau có thể phiên bản jQuery mới hơn sẽ bị sai khác làm thư viện hàm này nhưng hoạt động và xảy ra lỗi. Rất khó để mô tả cụ thể cho thông báo lỗi này vì tùy từng trường hợp cũng như phiên bản nó sử dụng mà sẽ có những thông báo lỗi khác nhau. Để nhận biết điều này bạn cần có 1 chút kinh nghiệm. Cách khắc phục là hãy tìm phiên bản jQuery phù hợp với thư viện hàm đó để tương thích.

4. Lỗi xung đột jQuery

Như đã mô tả ở lỗi sai ở 3 thì có thể bạn cần chèn 2 thư viện jQuery ở 2 phiên bản khác nhau trên cùng một trang để chạy 2 thư viện hàm khác nhau. Và nhiều khi việc này có thể gây xung đột jQuery và cũng lại gây lỗi. Cũng giống như lỗi số 3 thì lỗi này cũng không cụ thể là sẽ nhận được thông báo trả về là như thế nào và cũng phải bằng một chút kinh nghiệm bạn sẽ phán đoán ra. Để giải quyết vấn đề này bạn sẽ cần dùng đến 1 thư viện hàm có tên jQuery Migrate để đồng bộ hóa lại các sai khác ở các phiên bản jQuery để chỉ cần chèn một phiên bản jQuery để tương thích hết với các thư viện hàm.

Trên đây là 4 lỗi thường gặp khi làm việc với jQuery. Trong thực tế còn nhiều lỗi nữa nên bạn cần trang bị kinh nghiệm cũng như kiến thức để chuẩn đoán và sửa chữa. Nếu có gì gặp kho khăn các bạn có thể trao đổi ở đây để rãnh thì mình cùng nghiên cứu. Một cái đầu không tốt bằng nhiều cái đầu mà phải không.

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

- Advertisement -
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
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 cho Hura Apps - một startup nhỏ về công nghệ 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

BÀI VIẾT MỚI

Binance Launchpad có dễ… húp như bạn tưởng

Tiền kỹ thuật số (cryptocurrency) đang dần mở rộng. Kể ra mình biết khái niệm này từ rất lâu. Nếu các bạn là độc...

10 Công Cụ Có Thể Thay Thế ChatGPT

ChatGPT là một mô hình ngôn ngữ lớn được phát triển bởi OpenAI. Nó cung cấp các câu trả lời nhanh chóng và ngắn...

Hướng Dẫn Đăng Ký Nhận Mã Giảm Giá Highland Coffee

Highland Coffee đang có nhiều chương trình khuyến mã cho khách hàng của mình. Các khuyến mãi có thể bao gồm upsize, mua 1...

Quà cuối năm 2022 từ Shopify

Năm nay nhận quà từ các đối tác công nghệ hơi bị nhiều. Mới đây mình lại nhận được quà từ Shopify. Quà về đúng...

Nhận quà từ đối tác công nghệ Recharge

Recharge là một trong những công ty chuyên cung cấp giải pháp bán hàng đăng ký định kỳ (subscription payments) cho các nền tảng...

BẠN XEM CHƯA

Đánh bay sỏi thận với quả dứa

Bài thuốc 1 Lấy một quả dứa, khoét 1 lỗ và cho vào đó 0,3g phèn chua. Ninh quả dứa trong 3 giờ, sau đó...

Phân biệt trang Facebook đã bị khóa, xóa và trang Facebook chưa từng tồn tại

Hôm nay vô tình phát hiện ra một điều thú vị đó là Facebook có 2 kiểu thông báo riêng khi truy cập vào...

Xử lý tính năng liệt kê thư mục (directory listing) với .htaccess

Khi truy cập vào một thư mục (trên nền web) mà không có tập tin index thì theo mặc định các tập tin có...

Hổng sao đâu, bình tĩnh sống!

Chương trình Vietnam's Got Talent đêm qua có một thí sinh vô cùng đặc biệt. Một người phụ nữ lớn tuổi, dự thi cùng...

Cộng trừ ngày trong JavaScript

Hôm nay đụng một dự án liên quan đến cộng trừ ngày trong JavaScript. Trước giờ có đụng vài dự án với yêu cầu...