jQuery tự động hoàn thành gắn thẻ trình cắm như thẻ đầu vào của StackOverflow? [đóng cửa]

Giải pháp nào thực hiện cùng hoàn thành tự động mà SO sử dụng để nhập thẻ?

Có những plugin có thể xử lý một từ nhưng tôi chưa thấy bất kỳ plugin nào xử lý nhiều từ.

Theo thứ tự hoạt động, các bản demo / ví dụ có sẵn và đơn giản:

• ( bản demo ) https://github.com/yairEO/tagify
• ( bản demo ) https://github.com/aehlke/tag-it
• ( bản demo ) http://ioncache.github.com/Tag-Handler/
• ( bản demo ) http://textextjs.com/
• ( bản demo ) https://github.com/webworka/Tagedit
• ( bản demo ) https://github.com/documentcloud/visualsearch/
• ( bản demo ) http://harvesthq.github.io/chosen/ (đây không thực sự là một plugin gắn thẻ)
• (bản demo?) http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/
• (bản demo?) http://jcesar.artelogico.com/jquery-tagselector/
• (bản demo?) http://remysharp.com/wp-content/uploads/2007/12/tagging.php
• (bản demo?) http://pietschsoft.com/post/2011/09/09/Tag-Editor-Field-USE-jQuery-similar-to-StackOverflow.aspx

Liên quan:

• /meta/100669/feedback-wocate-improved-tag-editor

Bootstrap: Nếu bạn đang sử dụng Bootstrap. Đây là một trong những thực sự tốt: Chọn2

Ngoài ra, TokenInput là một điều thú vị. Thứ nhất, nó không phụ thuộc vào jQuery-UI, thứ hai cấu hình của nó rất mượt mà.

Vấn đề duy nhất tôi gặp phải là nó không hỗ trợ gắn thẻ tự do. Vì vậy, tôi phải trả lại chuỗi truy vấn cho máy khách như là một phần của phản hồi JSON.

Như @culithay đã đề cập trong bình luận, TokenInput hỗ trợ rất nhiều tính năng để tùy chỉnh. Và điểm nổi bật của một số tính năng mà những người khác không có:

• tokenLimit: Số lượng kết quả tối đa được phép bởi người dùng. Sử dụng null để cho phép lựa chọn không giới hạn
• minChars: Số lượng ký tự tối thiểu mà người dùng phải nhập trước khi thực hiện tìm kiếm.
• queryParam: Tên của tham số truy vấn mà bạn muốn chứa cụm từ tìm kiếm ở phía máy chủ

Cảm ơn Culithay cho đầu vào.

Điều này ban đầu đã trả lời một câu hỏi bổ sung về sự khôn ngoan của việc tải xuống jQuery so với việc truy cập nó thông qua CDN, hiện không còn nữa ...

Để trả lời điều về Google. Tôi đã chuyển sang truy cập JQuery và hầu hết các loại thư viện khác thông qua CDN tương ứng trong các trang web của tôi.

Khi nhiều người làm điều này có nghĩa là nhiều khả năng nó sẽ được lưu vào bộ nhớ cache trên máy của người dùng, vì vậy phiếu bầu của tôi là ý tưởng tốt.

Trong năm năm kể từ lần đầu tiên tôi đưa ra điều này, nó đã trở thành trí tuệ chung.

Một plugin tuyệt vời khác: http://documentcloud.github.com/visualsearch/

Kiểm tra plugin này:

• nguồn
• bản demo cơ bản
• thêm ví dụ

Cách sử dụng AJAX để tải các thẻ https://stackoverflow.com/a/7662534/1078027

Chúng tôi chỉ mở nguồn cho trình cắm thêm jquery Github này: Tipivos / jquery-sew .