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 был раскрыт!?
И еще почему то на айфоне не открывается вообще селект. Кто знает, подскажите пожалуйста, в чем может быть причина.
Даже на примере не работает кнопка сброса: http://dimox.github.io/jQueryFormStyler/demo/#css
Хотя заявлено как достоинство, уберите и добавьте в недостатки или почините, пожалуйста.
Чтобы сброс работал, кнопка сброса и сбрасываемые элементы должны находиться внутри тега
<form>
. Всё работает, как и положено.Выложите рабочий пример, так как на примере кнопка не работает. И Я проверяю у себя внутри формы он тоже не работает. Если Вы говорите, что всё работает то покажите на примере
На странице примеров замените:
на:
Тестила у себя тоже самое…
Почему при выборе чего то из списка, он не сохраняет что выбрано?
Выбираю 100, применяю, при фильтрации сразу выводит в место того что выбрано, ставить Выберите число. Отключаю скрипт все работает!
Пример в поле адрес блога.
Приветствую.
IE 11 неправильно формирует ширину блока с текстом (в нормальных браузерах все норм). Есть какие-то наработки под рукой, как это победить?
http://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. На странице примеров поле выбора файла http://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 с jQuery 3.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 (без него все работает корректно)
Очень не хотелось бы переделывать.
В чем может быть глюк?
Сайт http://drvape.az
Консоль указывает на ошибки в файле script.js:
Скорее всего, в этом и причина.
Здравствуйте! Не устану повторять, насколько нравится мне Ваш плагин. Интересует такой вопрос по селекту с поиском. Предположим, я через jquery добавляю свой элемент в div.jq-selectbox__search. По клику на нем я хочу чистить input поиска. Используя $(‘input’).val(””) поле очищается, но не возвращаются изначальные значения списка. Подскажите в какую сторону смотреть.
Попробуйте через
.trigger('refresh')
.