jQuery Form Styler - плагин для стилизации селектов, чекбоксов, радиокнопок, файловых и числовых полей
Данный плагин позволяет стилизовать с помощью CSS следующие HTML-элементы: флажок <input type="checkbox">; переключатель <input type="radio">; поле для выбора файла <input type="file">. поле для ввода чисел <input type="number">. раскрывающийся список <select>; Демонстрация работы плагина Живые примеры можно посмотреть на отдельной странице. Стоит заметить, что при ...
Комментарии (2 614)
Помогите, пожалуйста! Как в тег option добавить иконку перед текстом? Если поставить background или: before на тег li, то работает, но у выбранного пункта иконка не меняется…
Смотрите страницу с примерами, там есть селект с флагами.
Спасибо, не смотрел там)
Я дико извиняюсь, но я не поняk как прикрутить свои стили XD
меняй файл стилей плагина
Помогите! Не могу разобраться, как сделать чтоб изначально select был раскрыт?!
И еще почему-то на айфоне не открывается вообще селект. Кто знает, подскажите пожалуйста, в чем может быть причина.
Даже на примере не работает кнопка сброса: dimox.github.io/jQueryFormStyler/demo/#css
Хотя заявлено как достоинство, уберите и добавьте в недостатки или почините, пожалуйста.
Чтобы сброс работал, кнопка сброса и сбрасываемые элементы должны находиться внутри тега
<form>
. Всё работает, как и положено.Выложите рабочий пример, так как на примере кнопка не работает. И Я проверяю у себя внутри формы он тоже не работает. Если Вы говорите, что всё работает то покажите на примере
На странице примеров замените:
на:
Тестила у себя тоже самое…
Почему при выборе чего-то из списка, он не сохраняет что выбрано?
Выбираю 100, применяю, при фильтрации сразу выводит в место того что выбрано, ставить Выберите число. Отключаю скрипт все работает!
Пример в поле адрес блога.
Приветствую.
IE 11 неправильно формирует ширину блока с текстом (в нормальных браузерах все норм). Есть какие-то наработки под рукой, как это победить?
saveimg.ru/pictures/13−02−17/bed0a4b4caa7a85d9feba647caf3ecc4.png
Не представляю, почему у вас так. На странице примеров такого не наблюдается.
Здравствуйте. Я отображаю с помощью placeholder название селекта. На ПК и Android нормально, а вот на iOS первый option (который пустой) тоже отображается. Есть ли решение данной проблемы? Или может есть возможность отображать стилизированный select и на iOS?
Решения нет. На iOS не знаю, как скрыть нативный селект.
Добрый день, подскажите как отключить авто height в дропдауне селект, выподает список с автовысотой и появляется прокрутка, я хочу отключить это.
Смотрите опцию
selectSmartPositioning
.Здравствуйте!
Есть ли возможность запуска с jquery 3. x?
На одном из сайтов выпадающие списки открываются исключительно вверх, при указании data-smart-positioning="false" список начинает выпадать вниз, но отключается работа data-visible-options, показываются все пункты. На других сайтах вроде бы работало нормально, к сожалению сейчас не смогу вспомнить адреса.
Обновите плагин до последней версии.
Добрый день.
Как побороть такую ситуацию, даже на демке:
1. На странице примеров поле выбора файла dimox.github.io/jQueryFormStyler/demo/#file
2. Выбираешь файл, появляется имя файла.
3. Нажимаешь кнопку «Переключить активность», все поля становятся неактивными и везде написано «Файл не выбран»
4. Нажимаешь кнопку опять «Переключить активность», все поля активируется, но также надписи «Файл не выбран» (хотя судя по всему данные о файле в инпуте сохранились).
5. Если в поле, где раньше был выбран файл выбираешь тот же самый файл, что и до деактивации, то в поле ничего не меняется, также написано «Файл не выбран».
Видимо не обновляется в файловом инпуте данные о том, что-либо он очищен, либо что в нем есть после сброса какой-то файл добавленный ранее.
Спасибо за информацию. Буду разбираться.
Здравствуйте — подскажите пожалуйста как сбросить значение input type = «checkbox»?
если использую этот код без плагина то все работает:
но если подключаю плагин то нет …
если я чего-то не нашел в документации прошу подсказать.
заменить на:
Спасибо!!!
Здравствуйте. Есть проблема. Если использован атрибут дата таким образом — data-value-id, то скрипт отобразит его как data-valueid,т. е. обрежет второй —
У меня такого не наблюдается.
Подскажите пожалуйста как использовать .jq-selectbox .placeholder? Не могу убрать пункт [ - Все -]
Не совсем понимаю. Покажите код, пожалуйста.
Не могу подключить плагин через require. Возвращает undefined
Как решить проблему?
Я в этом не разбираюсь.
Скрипт классный, но, к сожалению, конфликтует с https://github.com/RobinHerbots/Inputmask на iphone ((Не могли бы вы проверить почему так происходит? Пожаааалуйста))
Подключил версию 1.7.8 с jQuery3.2.1. Наблюдаю странный глюк селекта, который находится в модальном окне fancybox 3 c iframe со стандартными параметрами и прелоадингом.
Без дополнительных опций список выпадает только вверх, хотя вниз свободного места больше. Выпадает со скроллом (в моем случае видимы 3 опции), и не уходит за пределы iframe.
При опции data-smart-positioning="false" список выпадает вниз. Но data-visible-options работает, только если выставить его меньше 5. Если ставлю 5 или больше — почему-то выпадает весь список без скролла, уходящий вниз за пределы iframe.
При опции data-smart-positioning="-1″ data-visible-options работает нормально.
Просто на странице селекты работают без глюков с любыми опциями.
Расчеты позиционирования выпадающего списка очень сложные, поэтому возможны различные проблемы, как в данном случае. Я вряд ли смогу что-то с этим сделать.
Да я и не прошу что-то сделать. Это не критично — просто мелкое неудобство. Комбинацией опций Вашего плагина и модального окна получил приемлемый результат, тем более — это в админке, красота не особо важна. Просто заметил, и написал — вдруг это Вам поможет в дальнейшем усовершенствовании плагина. Мне самому интересно стало, почему data-visible-options в этой ситуации при значениях от 1 до 4 работал, а при 5 и выше — нет. Но читать внимательно Ваш исходник пока времени не было.
На айфоне и компьютере в Safari select не работает, у вас так же или проблема только у меня и в чем может быть причина? Заранее спасибо!
У меня на айфоне работает, в Сафари нет возможности проверить.
Здравствуйте.
Наблюдаю такой глюк. Установил на шаблон вордпресс + woocommerce
В карточке товара при выборе параметра (вариантивный товар) не меняется цена.
Причина точно в jQuery Form Styler (без него все работает корректно)
Очень не хотелось бы переделывать.
В чем может быть глюк?
Сайт drvape.az
Консоль указывает на ошибки в файле script. js:
Скорее всего, в этом и причина.
Здравствуйте! Не устану повторять, насколько нравится мне Ваш плагин. Интересует такой вопрос по селекту с поиском. Предположим, я через jquery добавляю свой элемент в div. jq-selectbox__search. По клику на нем я хочу чистить input поиска. Используя $('input').val (''") поле очищается, но не возвращаются изначальные значения списка. Подскажите в какую сторону смотреть.
Попробуйте через
.trigger ('refresh')
.