Плагин автозаполнения jQuery в стиле Facebook [закрыто]

Question

Плагин автозаполнения jQuery в стиле Facebook [закрыто]

Im после плагина для автозаполнения, как это делает facebook, вы можете выбрать несколько элементов - подобно тому, как работает пометка вопроса stackoverflow.

вот пара я побежал в:

http://wharsojo.wordpress.com/2008/02/18/jquery-facebook-autocomplete

http://www.emposha.com/javascript/fcbkcomplete.html

https://github.com/loopj/jquery-tokeninput

вы пробовали что-нибудь из этого? Были ли они просты в реализации и настройке?

672 7

jQuery jquery-plugins autocomplete

7 ответов:

Comments

Ничего не найдено.

dkarzon · Accepted Answer · 2011-05-02 03:03:32

https://github.com/loopj/jquery-tokeninput

Я просто пошел на это, и это было очень легко реализовать с помощью asp.net страница для вывода JSON (из параметров поиска) Тогда есть всего несколько строк Javascript, которые вам нужно создать (и настройки)
$(document).ready(function() {
        $("#Users").tokenInput("../Services/Job/UnassignedUsers.aspx?p=<%= projectID %>&j=<%= jobID %>", {
        hintText: "Begin typing the user name of the person you wish to assign.",
        noResultsText: "No results",
        searchingText: "Searching..."
    });
});

webcgo · Accepted Answer · 2016-09-22 23:29:10

Это очень хорошо! https://github.com/wuyuntao/jquery-autosuggest/
Как Его Использовать

очевидно, вам нужно убедиться, что у вас есть последняя библиотека jQuery (at минимум 1.3) уже загружен на вашу страницу. После этого все очень просто, просто добавьте следующий код на свою страницу (обязательно оберните свой код в функции готовности jQuery):
$(function(){
    $("input[type=text]").autoSuggest(data);
});
приведенная выше строка кода будет применяться AutoSuggest для всего текста типа input элементы на странице. Каждый из них будет использовать один и тот же набор данных. Если вы хотите иметь несколько полей автозаполнения на своей странице, которые используют различные наборы данных, убедитесь, что вы выбираете их отдельно. Как это:
$(function(){
    $("div.someClass input").autoSuggest(data);
    $("#someID input").autoSuggest(other_data);
});
выполнение вышеизложенного позволит вам пройти в различных вариантах и различные наборы данных. Ниже приведен пример использования AutoSuggest с a Объект данных и другие различные варианты:
var data = {items: [
    {value: "21", name: "Mick Jagger"},
    {value: "43", name: "Johnny Storm"},
    {value: "46", name: "Richard Hatch"},
    {value: "54", name: "Kelly Slater"},
    {value: "55", name: "Rudy Hamilton"},
    {value: "79", name: "Michael Jordan"}
]};
$("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name"});

philfreo · Accepted Answer · 2015-08-11 04:52:34

вот что я нашел, в определенном порядке:

Selectize.js

jQuery Tokeninput--GitHub

Select2

TextboxList

Tag-it--GitHub

TextExt

FCBKcomplete--GitHub -- демо

jQuery Facebook автозаполнение

jquery-autosuggest-- drewwilson demo

Pines Теги

tagedit

Tagit

ввод тегов jQuery

Теги

jquery.токен-поле

vikas devde · Accepted Answer · 2013-05-29 13:13:38

Если вы ищете пользователь упоминает функцию, как fb и tw, это хороший плагин http://podio.github.io/jquery-mentions-input/

James Lawruk · Accepted Answer · 2010-10-21 20:34:43

Это оригинальный плагин автозаполнения JQuery, прежде чем он был интегрирован в JQueryUI. Если вы хотите обслуживать только JQuery, но не всю библиотеку JQueryUI, используйте этот. Я использовал это в прошлом и был счастлив с ним.

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

subeebot · Accepted Answer · 2014-03-10 12:39:07

Я нашел это. Кажется прочным, ухоженным и отзывчивым.

http://ivaynberg.github.io/select2/

andy boot · Accepted Answer · 2012-07-17 19:32:15

Я был очень впечатлен devbridge автоперевода. Очень настраиваемый