Как передать имя класса CSS в комбинированный список автозаполнения jQuery? - PullRequest
2 голосов
/ 17 ноября 2011

jQuery Autocomplete работает, помещая поле выбора на страницу и делая это:

$(".myselect").combobox();

, где к вашему полю выбора прикреплен класс, называемый «myselect».

Поле со списком() функциональность скрывает ваше поле выбора и помещает текстовое поле на место со всеми присоединенными классами пользовательского интерфейса jQuery.

Что я хочу сделать, это привязать события к блоку, который «заменяет» поле выбора,Я могу присоединиться к одному из классов пользовательского интерфейса jQuery, которые присутствуют в этом элементе:

<input class="ui-autocomplete-input ui-widget ui-widget-content ui-corner-left" 
       autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"
       aria-describedby="ui-tooltip-0">

Однако я не хочу связываться с КАЖДЫМ текстовым полем со списком во всем приложении,Есть ли способ передать имя класса в combobox (), чтобы он передал это имя класса в текстовое поле, которое он генерирует?

ОБНОВЛЕНИЕ:

Нет, это не то, чтоЯ прошу.Я не могу понять, как динамически добавить класс в поле ввода, которое отображается.Если бы я мог добавить класс, то я мог бы использовать селектор, чтобы присоединиться к нему.Прямо сейчас я уверен, что все еще мог бы использовать селектор, чтобы присоединиться к нему, но он прикрепился бы к КАЖДОМУ блоку ввода, который был сгенерирован с помощью combobox в других частях моего приложения.Я не хочу этого делать.Я хочу привязать только поле ввода на этой странице.

Как насчет этого.Как сделать, чтобы пример со списком в jQuery AutoComplete выдал предупреждение «Привет» после того, как значение было выбрано из списка?

Ответы [ 2 ]

0 голосов
/ 17 ноября 2011

Вы должны иметь возможность просто создать addclass в текстовом поле, которое он генерирует, и добавить любой класс, который вы хотите.

$("#textboxId").addClass('className');

Это должно дать вам то, что вам нужно.

0 голосов
/ 17 ноября 2011

Выбор на самом деле <ul>, если вы используете селектор CSS

.ui-autocomplete .ui-menu-item{

}

Вы должны иметь возможность стилизовать элементы автозаполнения.

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