Các plugin jQuery “phải có” là gì? [đóng cửa]


108

Tôi muốn biết những plugin JQuery hữu ích nhất là gì. Tôi đặc biệt quan tâm đến những thứ có thể hữu ích trong phát triển giao diện người dùng nói chung, chẳng hạn như Tablesorter , hơn là những thứ phục vụ nhu cầu không phổ biến.

Nếu bạn có thể cung cấp một mô tả rất ngắn gọn về mục đích của plugin, điều đó sẽ thực sự hữu ích.

Cảm ơn, Don


1
Nhiều người có xu hướng kết hợp jquery với các thư viện ui tốt như YUI hoặc dojo. Điều này giúp dễ dàng tạo giao diện ứng dụng và mang lại giao diện nhất quán trên toàn bộ diện mạo, điều này có thể khá khó đạt được với hàng loạt plugin jquery cho giao diện người dùng. 2C của tôi :)
Surya

Nếu bạn đang sử dụng dojo hoặc YUI, thì bạn cũng có thể không sử dụng jQuery vì cả hai đều bao gồm thư viện javascript tương tự như jQuery.
Joshua Partogi

3
jQuery + YUI + dojo + plugin "phải có", yeaaah. Tôi khá chắc chắn rằng tôi sẽ không bao giờ truy cập trang web của bạn trong suốt cuộc đời.
gblazex

Câu trả lời:


45

Danh sách của tôi:

  • Tự động hoàn thành
    • Trường nhập để cho phép người dùng nhanh chóng tìm và chọn một số giá trị, tận dụng tìm kiếm và lọc.
  • JSON
    • Plugin JSON truy xuất truy xuất và thao tác dữ liệu json.
  • Bánh quy
    • Plugin tiện ích đơn giản và nhẹ để đọc, viết và xóa cookie.
  • Vaildation
    • Để xác thực dữ liệu đầu vào của biểu mẫu.
  • Giao diện người dùng
    • Các widget có thể sử dụng và sẵn sàng sử dụng đầy đủ tính năng và hơn thế nữa ...
  • Giao diện
    • Dragging, Sortables, Droppables, các thành phần plug-and-play và hiệu ứng hình ảnh.
  • Đi xe đạp
    • Plugin trình chiếu hình ảnh linh hoạt và nhẹ.

Nếu ai đó có thể thử và cung cấp một mô tả rất ngắn gọn về những thứ chưa được mô tả trong các bài đăng khác, tôi sẽ thử và đưa tất cả chúng vào một bài đăng tóm tắt.
Dónal

7
Giao diện bị mất và không còn hoạt động với 1.2.6 - được thay thế bởi giao diện người dùng
redsquare

3
Từ liên kết JSON: Cập nhật 2007-09-13: Kể từ phiên bản 1.2, lõi jQuery hiện hỗ trợ tải xuống JSONP trên nhiều miền như một phần của hỗ trợ Ajax gốc. Tôi khuyên bạn nên sử dụng hỗ trợ này thay vì plugin.
Alexander Abramov

31

Chúng tôi hiện đang sử dụng:

Ấn tượng nhất

Các phần tử giao diện người dùng jquery:

Các plugin cộng đồng hữu ích:

Sẽ có nhiều hơn nữa, tôi sẽ thêm liên kết, v.v.


Defo - HotKeys thật tuyệt vời. Cũng là một lối thoát tuyệt vời cho các nút gửi / nhập, v.v. cũng như các phím tắt năng suất bàn phím
P2

29

Tôi nghĩ rằng plugin Flot (một thư viện / plugin vẽ đồ thị) xứng đáng có một vị trí trong danh sách "phải có" này.

Ngoài ra, nó được sử dụng ở đây, trong StackOverflow, để hiển thị biểu đồ danh tiếng trong trang tài khoản người dùng.


Điều đó khá ấn tượng - tôi đã nghĩ đó là những hình ảnh chúng ta là hình ảnh lần đầu tiên tôi nhìn thấy chúng.
Hugoware

4
+1 Wow, Flot khá hay. Tốt tìm thấy!
TehOne 30/09/09

Được sử dụng trong rất nhiều dự án, có thể cấu hình dễ dàng và rất dễ hiểu cách hoạt động của nó - điều cần phải có!
xorinzor

11

Tôi sẽ liệt kê một trong số tôi đang làm việc ...

Plugin jLINQ của tôi là phiên bản jQuery của .NET LINQ. Nó được tạo ra để làm việc với bộ sưu tập trong bộ nhớ (không nói chuyện trực tiếp với máy chủ) và cho phép bạn sử dụng cú pháp tương tự như sau.

var results = $.from(data)
    .ignoreCase()
    .startsWith("firstName","m")
    .or("n")
    .isNot("administrator")
    .orderBy("lastName")
    .select();

Nó hỗ trợ một loạt các lệnh khác mà bạn tìm thấy trong LINQ để sắp xếp và nhóm cùng với hầu hết các lệnh lựa chọn như contains, between, greatThan, v.v.

Đây là bản demo - Nó ổn định, nhưng vẫn đang trong quá trình

Có thể không nhất thiết phải có, nhưng có thể hữu ích khi nó tiến triển ...


Tôi không biết gì về .Net nên có lẽ thậm chí không nên bình luận nhưng .... Tôi tin rằng LINQ là một phương tiện truy cập dữ liệu (quan hệ, XML, v.v.), đây không phải là loại mà bạn thường muốn không muốn trong mã phía máy khách của bạn, nơi bất kỳ ai có thể sửa đổi nó?
Dónal

1
LINQ cho phép bạn làm việc với các đối tượng và mảng trong bộ nhớ. Đó là tất cả những điều này. Nó không thực sự nói chuyện với cơ sở dữ liệu ở phía máy chủ.
Hugoware

Vì vậy, thông thường bạn sẽ sử dụng nó để điều hướng qua dữ liệu được lưu trữ trong các đối tượng JS?
Dónal

Đúng vậy, nó rất tiện để làm việc với các mảng đối tượng. Bạn có thể truy vấn các thuộc tính trên các đối tượng.
Hugoware

Tuyệt, tôi sẽ xem tài liệu nếu tôi có thêm bất kỳ câu hỏi nào.
Dónal


8

1
Câu trả lời tuyệt vời, tôi chấp nhận nó, nhưng tôi cho rằng đây không thực sự là loại câu hỏi có câu trả lời "đúng" và tôi không muốn làm nản lòng những câu trả lời khác (chưa).
Dónal

6

Để gửi tin nhắn cho khách hàng một cách không phô trương mà không ảnh hưởng đến nội dung của trang vĩnh viễn, tôi sử dụng jGrowl , dựa trên hệ thống OSX Growl.

Rất nhiều tùy chọn, cài đặt và nó giữ cho trang sạch sẽ:)


Yêu Growl và điều này cũng rất tuyệt.
Tim Büthe


5

Tôi biết đây là một bài viết cũ nhưng tôi chỉ nghĩ rằng tôi sẽ ném 2 xu của mình vào, để tham khảo trong tương lai.

Hộp màu - Chắc chắn là cửa sổ / hộp đèn phương thức tốt nhất cho Jquery.

Plugin Xác thực (đã đề cập trước đây) cũng hoạt động rất tốt.


3

Giao diện người dùng - không có cách nào tốt hơn để thực hiện có thể kéo, có thể thay đổi kích thước và một số cách khác.

Slibox2 - bản sao hộp đèn cuối cùng cho jQuery, rất dễ sử dụng.

iFixPng - giải pháp đơn giản cho IE6 PNG w / alpha.




2

Tôi luôn sử dụng Facebox để hiển thị các biểu mẫu bật lên và tin nhắn cho người dùng. Nó giữ cho giao diện người dùng sạch sẽ (hầu hết người dùng của chúng tôi sử dụng Facebook), nhưng nó không nhạt nhẽo như khi sử dụng alert().


1

Nếu bạn đang sử dụng Visual Studio 2008 để viết mã jQuery của mình, bạn cần có Intellisense: http://weblogs.asp.net/bleroy/archive/2008/10/27/jquery-intellisense-documentation-file-available.aspx


Bạn không cần nó, chỉ cần rất vui khi có :)
redsquare

Nếu bạn đang làm jQuery trong VS 2008 Tôi nghĩ đó là một-phải có;)
Aaron Powell

Điều này dành cho studio hình ảnh cũ và cho jquery cũ. Làm thế nào để sử dụng intellisence trong VS2010 với lates jquery 1.7?
Andrus



1

Không ai đã đề cập đến những điều này, mà tôi thấy rất hữu ích:

  • Datatables - Thêm các chức năng nâng cao và điều khiển tương tác vào bảng HTML
  • BeautyTips - Thêm chú giải công cụ có thể định cấu hình vào một phần tử HTML

0

Tôi là một fan hâm mộ lớn của jTemplates , nó cung cấp cho bạn tính năng tạo khuôn mẫu phía khách hàng. Tôi thấy nó cực kỳ mạnh mẽ, đặc biệt là đối với kết quả hiển thị.


Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.