JQuery Form Styler - плагін для стилізації елементів HTML-форм (input type checkbox, input type
Даний плагін дозволяє стилізувати за допомогою CSS наступні HTML-елементи: прапорець; перемикач; поле для вибору файлу. поле для введення чисел. список, що розкривається; Зміст: Демонстрація роботи плагіна Переваги Недоліки Завантажити Плагін «jQuery Form Styler» Підключення плагіна .
- jQuery-плагін для стилізації select'ів 105
- jQuery-плагін для стилізації input[type="checkbox"] 35
- jQuery-плагін для стилізації input[type="radio"] 38
- Стилізація чекбоксів та радіокнопок на чистому CSS з фолбеком для старих браузерів 91
Підкажіть, як правильно реалізувати select All для множини чекбоксів. Я використовую такий скрипт(пишу в CoffeeScript, думаю буде зрозуміло):
Візуально всі чекбокси виділяються, але в параметрах на сервер нічого не приходить. Думаю я пропустив щось просте на увазі, але поки не зрозумів, що саме.
Добридень, покажіть приклад, використовуючи клас .changed (з'являється зелене обведення) для select? не можу зрозуміти, як його використовувати?
Привіт, дякую за плагін! В останній версії було додано стилізацію input[type="number"]. Скориставшись цим, не зміг повісити подію "change", а ось без стилізації події спрацьовували. Було б непогано додати цей функціонал :). Якщо реалізовано, наведіть приклад коректного використання
Покажіть приклад того, що ви робили.
є можливість передавати в options наприклад спан і він відображався так само і в li , dropdowne?
наприклад EDT — Current Location 6:02 PM і це виглядало як EDT — Current Location 6:02 PM
Ще один недолік: в Андроїді не працює "розумне позиціонування" і не працює обмеження за висотою для селектів
Для позиціонування підтверджую. Тільки навряд чи зможу щось із цим зробити. А обмеження за висотою у мене працює.
Доброго дня, а чи можна, наприклад, до .jq-checkbox__div, додати свій клас? Зазвичай для чекбоксів використовую галочку. Зараз щоб не нарізати картинки, зазвичай використовую fontawesome.
Ні, але можна додати його до батьківського тегу.
Побажання: додайте префікс\суфікс до класу dropdown, може перетинатися з іншими елементами з цим класом
У плагіні немає класу dropdown, є тільки jq-selectbox__dropdown.
є, ось у коді знайшов
Справді, я погано шукав =) Так, треба буде замінити.
Підкажіть, чи є можливість виставляти в селектах замість початкового значення "виберіть" значення тега option з атрибутом selected?
Звичайно можна, як і в нативному селекті.
Вітаю! Не можу зрозуміти в чому справа - при використанні плагіна для радіокнопок (input type="radio"), якщо ми вибрали одну з радіокнопок, при натисканні на другу не забирається клас checked у першої обраної і відповідно обидві кнопки залишаються підсвіченими .
Вітаю. При відкритті одного select, а потім іншого (що знаходиться вище) виходить ось так https://monosnap.com/file/6cOQcZA1f97TJTjKAJA7PW4Kb5fm8d.png
Можливо, є якесь вирішення проблеми?
Покажіть живий приклад. На сторінці прикладів плагіна можна побачити, що там із цим все гаразд, тому припускаю,що причина у ваших стилях.
Рішення для jScrollPane погано працює з вашим скриптом. Заважає рядок, що забороняє скролити список коліщатком. Закоментувавши її, я позбавився проблеми. Але вона зазвичай не додається просто так. Це можна якось вирішити по-доброму?
Підкажіть як програмно скинути Select (випадаючий список)?
Шукайте у статті "destroy".
Зіткнулася з проблемою у селекту в андройді не робот скрол дропдауна. В інших помітила список як і на ios системний видається, а в даному плагіні немає, через це дуже серйозний баг. Як виправити?
Щойно перевірив — у мене скролл на Андроїді працює.
На останній версії на iPhone не працює select
У мене форма знаходиться в тезі fieldset і select коли розкриваєш не видно нижніх рядків, а при прокручуванні все одно до низу не доходить і внаслідок неможливо вибрати рядки, яким чином зробити список поверх всіх, пробував додати z-index не допомогло?
Покажіть живий приклад.
Я просив живий приклад, а не скрін. З скрин причину не з'ясувати.
і ще питання а як зробити коли після вибору select підсвічувався
На сторінці із прикладами це є.
Тег select не закривається після вибору зі списку. Доводиться або закривати самому, клацаючи десь в іншому місці, або вибирати пункт, що випадає, подвійним клацанням. Чи не підкажете як виправити?
У мене такого немає.
Двічі викликається change якщо (елемент обернутий у label) && (викликається trigger('refresh')) http://jsfiddle.net/0xzjv3ho/
Навіщо викликати trigger (refresh) через change?
Конкретно в моєму випадку, якщо дуже грубо, то значення йде на валідацію і може повернутись інше значення, встановлюю його і викликаю 'refresh'.
День добрий! Було б зручно, якщо при натисканні на select фокус буде відразу на полі пошуку (за його наявності звичайно).
Вітання! У мене стався дивний баг: радіокнопки вибираються усі. Атрибути name прописав однакові, але при цьому клас checked не забирається при натисканні на іншу кнопку. Що б це могло бути?