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
