Можно ли использовать jQuery Auto Suggest для Twitter.

Question

В Твиттере, когда вы набираете твит, каждый раз, когда вы набираете @, срабатывает автозаполнение, чтобы быстро ввести хэндл твиттера. Вы можете делать @ в начале твита в середине и несколько раз.

Может ли jQuery AutoSuggest справиться с этим? После просмотра кажется, что это хорошо для полей ввода, которые просто содержат значение autosuggest. Не несколько раз или в разных местах.

Мысли? Примеры? Спасибо

Answer 1

Вы можете сделать это с помощью текстовой области, просто поместите текстовую область и свяжите ее с событием нажатия клавиши и прослушайте @ charCode, а затем выполните AJAX-запрос, чтобы показать окно автозаполнения.Рассмотрим следующую простую демонстрацию.

http://jsfiddle.net/Vmes9/6/

Answer 2

Если под «jQuery AutoSuggest» вы подразумеваете jQuery UI Autocomplete , а если с помощью «обрабатывать это», то вы имеете в виду »как компонент в реализации этого ", тогда да, это может:).

Утилита управления "упоминанием" состоит из 3 компонентов:

1. Модуль автозаполнения : Компонент, отвечающий за получение и отображение набора элементов, которые можно использовать для создания упоминания, с учетом строки.

2. Модуль отслеживания упоминаний : компонент, отвечающий за отслеживание данных, связанных с упоминанием; как минимум, местоположение, а также поверхностные и существенные (если они существуют) значения каждого упоминания должны отслеживаться во всех модификациях текста элемента ввода, к которому прикреплена утилита.

3. Модуль визуального разграничения упоминаний : Компонент, отвечающий за разграничение текста упоминания от остального текста в элементе ввода, к которому прикреплена утилита.

Поскольку вы запросили пример такой утилиты, посмотрите Mentionator , который фактически использует jQuery UI Autocomplete в качестве модуля автозаполнения. Упомянутое упоминание является надежным, хорошо структурированным, простым в использовании и обильно комментируемым, поэтому его следует использовать либо как готовое решение, либо как справочный материал для будущего. Поддерживается moi .