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://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

BÀI VIẾT MỚI

Cách tùy chỉnh công cụ tìm kiếm trong Firefox

Bạn có thể sử dụng bất kỳ công cụ tìm kiếm nào mà bạn thích trong trình duyệt web của mình. Và bạn cũng...

12 cách khắc phục con trỏ chuột không hiển thị trong Windows 10

Con trỏ chuột đã trở thành một phần không thể thiếu trong quá trình chúng ta tương tác với máy tính. Vì vậy, hãy...

Facebook sập mạng toàn thế giới gần 30 phút trong sáng ngày 09/04/2021

Trong khoảng thời gian từ 4:30 tới 4:55 sáng ngày 09/04/2021, tất cả phương thức truy cập Facebook đều bị tê liệt trên toàn...

Twitter đưa tính năng phòng trò chuyện thoại Spaces lên phiên bản web trên máy tính

Spaces là một tính năng mới của Twitter. Đây là tính năng giúp người dùng Twitter trên iOS và Andoid có thể trò chuyện...

Hướng dẫn từng bước tạo ứng dụng cho Shopify

Ngày nay, Shopify cung cấp cho hơn 1.000.000 doanh nghiệp trên toàn thế giới. Nếu bạn chưa từng sử dụng Shopify nhưng đã quen...

BẠN XEM CHƯA

Bảo vệ động cơ xe của bạn luôn như mới với Cerma

Sản phẩm Cerma là một sản phẩm xử lý động cơ xe máy bằng công nghệ Nano Cermatic tiên tiến từ Mỹ. Cơ chế...

Kinh nghiệm đánh tiến lên chặt heo miền nam

Tiến lên thực ra là một trò chơi khá đơn giản, không có quá nhiều quy tắc, luật chơi cầu kì, nhưng để trờ...

Dropbox cung cấp trình quản lý mật khẩu Dropbox Passwords cho người dùng miễn phí

Dropbox, một dịch vụ lưu trữ đám mây phổ biến đã thông báo rằng dịch vụ quản lý mật khẩu của họ có tên...

Google tuyên bố từ bỏ kinh doanh máy tính bảng

Ngày 21/06/2019 vừa qua, một phát ngôn viên của Google đã thông báo rằng công ty đã chính thức từ bỏ mảng kinh doanh...

Thiết lập Windows 10 tự dọn tập tin rác

Theo thời gian sử dụng, số lượng tập tin rác trên máy tính của bạn sẽ tăng lên khiên cho máy chạy chậm, đĩa...