- PVSM.RU - https://www.pvsm.ru -
На проектах использую Twitter Bootstrap [1] и jQuery UI [2] для прототипирования интерфейсов различных элементов страниц в т.ч. форм.
На днях понадобилось дополнить форму одним полем. Был выбран наиболее подходящий формат, в виде набора переключателей (элемент input, тип radio).
В Twitter Bootstrap, набор переключателей представлен в виде набора кнопок [3] и не работает напрямую с элементом input, что предполагает написание дополнительного кода для обработки событий. Библиотека jQuery UI, имеет решение подобной задачи [4], и вся обработка событий уже реализована.
Остановился на библиотеке jQuery UI. Осталось решить вопрос с внешним видом. Прототип прототипом, но не хотелось ломать стройный внешний вид, различный у Twitter Bootstrap и jQuery UI.
На помощь пришел проект jQuery UI Bootstrap [5], суть которого в том, чтобы перенести визуальное исполнение виджетов Twitter Bootstrap на виджеты jQuery UI. По большей части, проект представляет из себя jQuery UI-совместимую тему.
Материалы по теме:
Автор: lebster
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/jquery/6224
Ссылки в тексте:
[1] Twitter Bootstrap: http://twitter.github.com/bootstrap/
[2] jQuery UI: http://jqueryui.com/
[3] набора кнопок: http://twitter.github.com/bootstrap/javascript.html#buttons
[4] подобной задачи: http://jqueryui.com/demos/button/#radio
[5] jQuery UI Bootstrap: http://addyosmani.github.com/jquery-ui-bootstrap/
Нажмите здесь для печати.