Мне нужны предложения для твердого плагина jQuery / CSS select box

Question

В настоящее время я работаю над проектом, который использует плагин Dropkick.js для стилизации полей выбора.Одна из проблем, с которой мы сталкиваемся, заключается в том, что dropkick, хотя и выглядит красиво, просто не отражает методы, свойства и события поля выбора.

Мне пришлось написать много дополнительного кодаотключить / включить селекторы, получить и установить значения и ряд других вещей, чтобы заставить селекторы хорошо играть с остальным сайтом и взаимодействовать с другими элементами формы.,Плагин Fantasic с одним исключением: если вы удаляете / добавляете выбранные страницы с помощью ajax и jQuery, он уничтожает настройки при каждом выборе на странице.Это приводит к неиспользуемым выборам и ошибкам JS повсюду.Так как мы создаем много динамического контента, это тоже не сработает.

Существует ли плагин «ХОРОШИЙ выбор», который предоставляет все методы и свойства окна выбора, может быть красиво оформлен,работает с динамическим контентом?

Спасибо за ваши предложения!

Answer 1

Вот несколько вариантов, которые я знаю (без определенного порядка):

StyleSelect

Сайт

Оборачивает существующий тег <select>, поэтому все события, свойства и т. Д. Должны оставаться доступными. Стиль по умолчанию не так хорош, и есть ограничения на то, насколько он может быть настроен.

1012 * Избранный * Веб-сайт - Github Хороший стиль по умолчанию, но сгенерированная разметка выглядит довольно странно и не поддерживает весь диапазон обратных вызовов, которые могут вам понадобиться (только change) jQuery UI Selectbox

Веб-сайт - Github

Хороший вариант, если вы уже используете пользовательский интерфейс jQuery - в противном случае потенциально слишком много накладных расходов. Он не использует события <select>, но имеет эквивалентные обратные вызовы (и даже те, которые не присутствуют при обычной отправке, например open / close). Также ARIA соответствует.

jStyling

Веб-сайт - Github

Опять оборачивает оригинальный тег <select>. Поддерживает disabled вариантов. Стиль по умолчанию довольно скучный, и он предназначен для того, чтобы охватывать не только отдельные поля (потенциально нежелательные помехи).

* * Равномерное тысяче сорок-девять

Веб-сайт - Github

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

Answer 2

Униформа хорошо работает в моем опыте. Если вы обновляете значения динамически, вам нужно вызвать функцию обновления, но это достаточно просто.

Answer 3

Я недавно выпустил SelectBoxIt .Он содержит множество функций, поэтому проверьте его.

SelectBoxIt Известные функции:

• Стиль с помощью jQueryUI Themeroller (дополнительно)

• Поддерживает все эффекты отображения / скрытия jQuery и jQueryUI (необязательно)

• Поддерживает все значки jQueryUI / custom *

• Включает поддержку ARIA (Accessible Rich Internet Applications)

• Полная поддержка поиска и навигации по клавиатуре

• API событий, запущенный для исходного элемента блока выборакоторый вызывает плагин

• API метода, предоставляющий методы для взаимодействия с выпадающим списком (т. е. поиск, открытие, отключение, установка параметров).

• Пропускает jsHint без ошибок

• Поддержка выбранных, отключенных и Optgroup

• Легко расширяется, чтобы позволить разработчикам создавать новые виджеты

Answer 4

Форма выглядит круто!

Я видел похожий метод здесь: http://www.verot.net/jquery_select_skin.htm

Он просто скрывает поле выбора с помощью прозрачности и накладывает div, который можно стилизовать