RepositoryJavaScript
gjunge

gjunge/rateit.js

Rating plugin for jQuery. Fast, Progressive enhancement, touch support, icon-font support, highly customizable, unobtrusive JavaScript (using HTML5 data-* attributes), RTL support, supports as many stars as you'd like, and also any step size.

162sao
43fork
6issue
0lượt xem

⭐ rateit.js — Plugin đánh giá sao jQuery siêu nhẹ, tối ưu DOM

Chỉ cần 3 div thay thế hàng chụn phần tử, rateit.js mang lại trải nghiệm đánh giá mượt mà với hỗ trợ cảm ứng, RTL và bất kỳ số sao nào.

rateit.js là một plugin jQuery dùng để thêm tính năng đánh giá bằng sao vào trang web. Khác với hầu hết các plugin đánh giá khác, rateit.js không tạo ra một phần tử cho mỗi ngôn sao — thay vào đó, nó sử dụng ba lớp div để xử lý trạng thái không hoạt động, di chuột và đã chọn, giúp giảm đáng kể số lượng thao tác DOM và bộ nhớ sự kiện.

✨ Điểm nổi bật

  • Hỗ trợ cảm ứng: Hoạt động trơn tru trên cả thiết bị di động và máy tính bảng.
  • Tăng cường tiến bộ (Progressive Enhancement): Hoạt động ngay cả khi JavaScript bị vô hiệu hóa.
  • Tùy biến dễ dàng: Thay đổi hình ảnh hoặc CSS để phù hợp với thiết kế.
  • RTL hỗ trợ: Tương thích với ngôn ngữ viết từ phải sang trái.
  • Số sao tùy chỉnh: Hỗ trợ bất kỳ số lượng sao nào và kích thước bước tùy chỉnh.
  • JavaScript không xâm phạm: Sử dụng thuộc tính data-* của HTML5 để cấu hình.
  • Tối ưu hiệu năng: Chỉ sử dụng 3 div và 3 bộ xử lý sự kiện.
  • Hỗ trợ font biểu tượng: Dễ dàng tích hợp với các icon font hiện đại.

💡 Vì sao đáng chú ý

Thay vì tạo ra hàng chụn phần tử và gán hàng chụn sự kiện như các plugin khác, rateit.js sử dụng ba div với nền lặp lại để hiển thị ngôn sao. Điều này giúp giảm thiểu thay đổi DOM và tối ưu hiệu năng, đặc biệt trên các trang có nhiều bình đánh giá. Thiết kế đơn giản nhưng mạnh mẽ làm cho rateit.js trở thành lựa chọn lý tưởng cho mọi dự án web cần tích hợp tính năng đánh giá.


#jQuery #RatingPlugin #OpenSource #JavaScript #TiniX

Dự án tương tự

Khám phá các dự án và mô hình AI khác có sự tương đồng.

RepositoryJavaScript
ekeric13/react-star-ratings

A customizable svg star rating component for selecting x stars or visualizing x stars. Recommend just copying and pasting the src files instead of installing the package

152
Apr 14, 2023
RepositoryJavaScript
fredolss/rater-js

Star rating widget for the browser. Unlimited number of stars. No dependencies. No Jquery required.

78
Oct 21, 2026
RepositoryTypeScript
n8n-io/n8n

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

208.8k
Oct 27, 2026
RepositoryTypeScript
microsoft/vscode

Visual Studio Code

194.3k
Oct 25, 2026
RepositoryPython
microsoft/markitdown

Python tool for converting files and office documents to Markdown.

192.5k
Oct 23, 2026
RepositoryShell
ohmyzsh/ohmyzsh

🙃 A delightful community-driven (with 2,500+ contributors) framework for managing your zsh configuration. Includes 300+ optional plugins (rails, git, macOS, hub, docker, homebrew, node, php, python, etc), 140+ themes to spice up your morning, and an auto-update tool that makes it easy to keep up with the latest updates from the community.

190.2k
Oct 25, 2026
Repository
getify/You-Dont-Know-JS

A book series (2 published editions) on the JS language.

184.8k
Feb 15, 2026
RepositoryJavaScript
jquery/jquery

jQuery JavaScript Library

59.9k
Oct 16, 2026
RepositoryJavaScript
select2/select2

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

25.9k
Oct 20, 2026