Хорошее автозаполнение jQuery, которое не является частью пользовательского интерфейса jQuery? - PullRequest
6 голосов
/ 07 июня 2011

Есть ли хорошая альтернатива автозаполнению пользовательского интерфейса jQuery?

Я не смог найти его в интернете. Пользовательский интерфейс jQuery слишком велик, чтобы использовать автозаполнение, и я не хочу делать еще одно автозаполнение самостоятельно.

Ответ : Пользовательская сборка пользовательского интерфейса jQuery для автозаполнения составляет 23 052 байта. SO использует оригинальную версию Zaefferer , которая была адаптирована для автозаполнения пользовательского интерфейса jQuery. Я думаю, если это достаточно хорошо для SO, это достаточно хорошо для меня, разветвлял его от agarzola на GitHub.

Ответы [ 7 ]

6 голосов
/ 07 июня 2011

Поиск Google 'jquery autocomplete' произвел этот DevBridge один (и все остальные):

http://www.devbridge.com/projects/autocomplete/jquery/

Это также самый непринятый ответ в возможный дубликат этого вопроса .

5 голосов
/ 07 июня 2011

Вы можете загрузить настроенную версию пользовательского интерфейса jQuery с только необходимыми компонентами: http://jqueryui.com/download. Нажмите Отмените выбор всех компонентов , затем установите флажок рядом с Автозаполнение . Результирующий уменьшенный файл js составляет 20 КБ без сжатия.

4 голосов
/ 07 июня 2011

Официальный плагин jQuery:

http://docs.jquery.com/Plugins/autocomplete

Select2 плагин jQuery, который превращает select в автозаполнение ввода + список:

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

Выбран плагин jQuery, тоже самое, но от другого автора:

http://harvesthq.github.io/chosen/

Jörn Zaefferer Плагин jQuery:

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

Yahoo YUI:

http://developer.yahoo.com/yui/autocomplete/

Selectize.js (на основе jQuery):

https://selectize.github.io/selectize.js/

Twitter Typeahead:

https://twitter.github.io/typeahead.js/

3 голосов
/ 07 июня 2011
0 голосов
/ 19 июля 2014

Я просто искал альтернативу и нашел это

https://github.com/onigoetz/jquery.autocomplete

Он использует jQuery, но не jQuery UI.Он ориентирован на размер и совместим с jQuery UI.Он «разветвлен из agarzola / jQueryAutocompletePlugin» на github.

Возможно, он не имеет поддержки хорошо известной реализации пользовательского интерфейса jQuery, но я его протестировал, и сейчас кажется, что все рекламируется.

0 голосов
/ 25 апреля 2014

3-летний вопрос, но он занимает второе место в результатах поиска Google для "лучшей альтернативы автозаполнения jquery-ui". Я считаю, что здесь стоит разместить ссылку для реализации Typeahead в твиттере: http://twitter.github.io/typeahead.js/

Немного раздражает, что вам может понадобится шаблонизатор Hogan, чтобы он заработал (добавив еще несколько килобайт в нагрузку), но если вы потратите время на чтение документации, это будет того стоить.

Я заменил свою реализацию jquery-интерфейса "поиск по местоположению" после 30 минут просмотра документов с (упрощенной) структурой кода ниже:

$('.location_text_field').typeahead({

    name : 'locations',
    remote : {
        url : "/get_locations.php",
        filter : function (response) {
            return response.locations;
        }
    },
    template : '<p>{{{label}}}</p>',
    engine : Hogan

}).on({

    // When the user selects a location do something clever
    'typeahead:selected' : function (e, datum) {
       // Doing something clever here....
    },

    // Reset the cleverness above if the user changed
    // the text of the field manually on his own
    'keyup' : function () {
         // Reset cleverness
    }

});

... и она работает как шарм.

0 голосов
/ 07 июня 2011

Вы можете загрузить пользовательскую версию пользовательского интерфейса jQuery, которая включает только модуль автозаполнения: http://jqueryui.com/download

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...