jQuery Form Styler - плагин для стилизации селектов, чекбоксов, радиокнопок, файловых и числовых полей
Данный плагин позволяет стилизовать с помощью CSS следующие HTML-элементы: флажок <input type="checkbox">; переключатель <input type="radio">; поле для выбора файла <input type="file">. поле для ввода чисел <input type="number">. раскрывающийся список <select>; Демонстрация работы плагина Живые примеры можно посмотреть на отдельной странице. Стоит заметить, что при ...
Комментарии (2 614)
Добрый день!
Возник такой вопрос – есть ли какие-то ограничения при использовании с Django templates (django==1.4.11)?
Проблема в том, в select’е не работает аттрибут data-placeholder.
Пробовала по-разному:
– c data-placholder и пустым первым option (последний ответ Zack Jordan)
– только с data-placeholder (как в доках)
Оба варианта не работают.
В первом случае (с пустым option) при загрузке страницы вместо подсказки – пустое поле, и оно отображается в выпадающем списке (при этом текст внутри div.jq-selectbox__select-text пустой и класс placeholder к этому div’у не применился).
Во втором – вместо подсказки выводится первый элемент из options select’а (он же внутри div.jq-selectbox__select-text, и класс placeholder тоже не применился).
Вот пример использования:
Интересно что, для самого простого примера, без тегов джанги, также не работает.
На странице примеров все работает, значит причина где-то у вас. И непонятно, при чем здесь плагин chosen, ссылки на который вы даете.
Не знаю, я не знаком с Django.
Возникла трудность с плагином, в селектах не работает поиск. Консоль пустая, даже не знаю в какую сторону копать. Возможно, есть какие-то распостраненные ошибки по этому поводу?
У меня работает. Не припоминаю никаких ошибок.
Спасибо за оперативный ответ :) Уже нашел в чем причина. Менял в стилях стиль списка с опциями. Додавил float:none !important; и display:block !important; и потому не работало. Как только убрал все работает.
Менял стиль именно тега li
проблемка такая:
есть страничка с кодом
Выбрать
111
222
333
111
222
На новой html страничке все работает, а вот как с вашим плагином получить доступ к (option value=”1″) чтобы установить ему атрибут (‘selected’,’selected’)”
Заранее благодарен )
Извиняюсь, пока разбирался, как добавить код странички, он уже добавился. Но сам код так и не видно (
Как-то так:
Здравствуйте, при динамическом select’е когда подгружается зависимый select изменяется его ширина, становится равная самому длинному пункту.
Указываю $(“#subcategory”).css({‘min-width’:’337px’, ‘max-width’:’337px’}) не работает.
Можно задать только фиксированную ширину.
мне это и нужно, но как это сделать? через css тоже не работает
Просто указать ширину нативному селекту. В примерах это есть.
Я это нашел, но это работает со статическим селектом, с динамическим не работает.
У меня селект в Хедере, соответственно распространяется влияние на селекты на страницах. Как защитить другие селекты от изменений?
Добавьте нужному селекту class или id, прицепите плагин через него.
С версией жиквери 3.1.1 селект изначально открывается вверх. Пробовал версию 2.1.1 – все норм. Как исправить?
Только что проверил версию 3.1.1 на странице примеров – у меня открывает, как и положено.
Исправлено https://github.com/Dimox/jQueryFormStyler/pull/116.
Можно ли запретить обработку отдельных элементов этим плагином? Например, добавив класс jq-disable?
Отвечал про это пару комментов выше.
Мобильные устройства не поддерживаются?
Поддерживаются.
Возникла небольшая проблема с селектами. Когда подключаю плагин, то selected значение не передается в POST-запрос. Если пинговать селект alert’ом при событии onchange то значение показывается правильно. Если же убрать кастомизацию селекта, то значения в POST передаются нормально.
Подскажите, пожалуйста, в какую сторону копать, второй день уже борюсь с этим багом.
Тоже пришел из-за этой проблемы. Но разобрался в своей проблеме сам – у меня форма обьявлялась в первой ячейке таблицы, в последующих были текстовые и селекты, в последней форма закрывалась. Было всё 1 в 1 по вашему описанию. Это, насколько я понял, не корректное пересечение моделей DOM. Вынес обьявление формы “уровнем выше” – все заработало.
Здравствуйте люди добрые! Нужна помощь! Не могу разобраться как подключить плагин к связанным динамическим селектам. Прочитал все комменты от корки до корки испробовал все советы но видимо делаю что то не так. Есть три селекта. При загрузке страницы плагин подключается и работает.. но при изменении первого второй селект принимает стиль по умолчанию. Пробовал вставить в скрипт вот это jQuery.ajaxSetup({complete: function(){jQuery(“select”).styler(); }}); но срабатывает только при повторном нажатии на первый селект.
Вот пример моего кривого кода..
Sect.php
Файл ajax.php
файл ajax1.php
Привет. Спасибо за плагин, пользуюсь давно и очень доволен.
Недавно написал модуль для друпала, который позволяет подключать твой плагин к любому сайту на этой CMS. Вот ссылка на него https://www.drupal.org/project/form_styler при установке модуля, плагин скачивается с твоего репозитория. Можешь в описании добавить ссылку на модуль. Настройки опций плагина из админки Drupal-а в работе. Выгружу как завершу и протестирую. Еще раз спасибо за плагин и свободную лицензию =)
Добрый день, подскажите такой момент по плагину… Если выбирать из выпадающего списка значение, то свойство $(this).val() доступно и не пустое, но если в дропдауне больше 400 значений, естественно хочется воспользоваться поиском. И вот когда в поисковом поле после ввода 3-4 символов остаются нужные значения (например, города), ты кликаешь по нужному пункту и $(this).val() пусто!!! Потому что у в списке нет никаких аттрибутов. Вопрос – как в “поисковом поле” дропдауна при выборе получать не пустое значение. Смысл же select’a в том, чтоб значение куда-то отправить или сохранить, а не для красоты. Спасибо
Только что проверил на странице примеров, где вариант с
onchange="alert(this.value)"
. Добавил туда много пунктов, ввожу символы в поиске, после клика на пункт он мне показывает alert. Не знаю, что не так у вас.Добрый день, оставьте onchange на дропдауне и попробуйте из множества пунктов найти определенный и кликнуть на нем – алерта вообще не будет. А если просто проскролить до нужного и выбрать пункт, то алерт и у меня срабатывает. Интересует почему в поиске пустое значение.
У меня алерт в обоих случаях.
Похоже, вы правы, у меня на локальной машине тоже в обоих, значит фреймворк Yii что-то “портит” или перекрывает(( не срабатывает какое-то событие в фильтрах CGridView! Если кто-то это читает и сталкивался – подскажите, пожалуйста :) спасибо
Встретился со схожей проблемой, возможно как-то неправильно используете js, вот пример разбора ошибки:
Подскажите пожалуйста! Поставил плагин стилизации селектов и в форме регистрации перестал открываться селект с выбором региона, в остальных местах везде работает. Через консоль пишет TypeError: jQuery(…).ready(…) is not a function , как исправить эту проблему?
Подскажите, а как можно повесить раскрытие селекта при клике по ссылке или какому нибудь label?
Поддерживаю вопрос. Способы, что не помогли:
– навешивание классов .addClass(‘dropdown’).addClass(‘opened’).addClass(‘focused’) на .jq-selectbox
– клики на .jq-selectbox и его потомков + принудительный показ .jq-selectbox__dropdown
Здравствуйте, хотела бы узнать, етсь ли поддержк tabindex?
Есть.
Подскажите как сбросить каждый селект по одиночке?, при этом не использовать кнопку reset
Если в селекте нет
option
с атрибутомselected
:В обратном случае:
Подскажите, как убрать значение option из выпадающего списка при его выборе ?
Т.е например мы имеем выпадающий список:
Значение 1 – выбранное значение
Это открывающийся список:
Значение 1
Значение 2
Значение 3
Значение 4
Чтобы при открытии не было в данном списке Значение 1, а если выбираем Значение 2, то соответсвенно из списка оно исчезает и отображается в выбранном значении и т.д с другими значениями.
Никак. Нет такой возможности.
Заметил баг небольшой, если динамически изменять селект: очистить все содержимое селекта и вставить это
, то получим селект без текста.
http://www.openscreenshot.com/rkhC_Ckdl
Как сделать полностью неактивным селект, чтоб нельзя было нажать на него и не выпадало drop-down меню если есть лишь 1 disabled option ??