ange007 / jqueryformstyler-modern Goto Github PK
View Code? Open in Web Editor NEWJQuery HTML form styling plugin.
Home Page: http://ange007.github.io/JQueryFormStyler-Modern/
License: Other
JQuery HTML form styling plugin.
Home Page: http://ange007.github.io/JQueryFormStyler-Modern/
License: Other
Возможно кто-то знает ответ на данный вопрос?
Я правда ещё совсем не вникал в данный вопрос, но есть такое ощущение что обработка изменения состояния через $( original ).on( 'change' ) - не вызвала бы большой нагрузки.
Собственно при открытии/закрытии select по пробелу - в FF появляется родной список.
Баг проявляется и в оригинальном плагине.
Стилизовать элементы которые возможно - при помощи CSS.
Предварительно проверяя браузер на поддержку необходимых технологий.
Продумать и реализовать встраивание стилизованных компонентов на этапе "компиляции" проекта через Gulp/Grunt/etc.
Или как минимум придумать стартовые заглушки компонентов до их стилизации, дабы избежать моргания при загрузке страницы.
В одной из последних правок - у input:checkbox реализован вызов события change при вызове события refresh (например после динамического изменения состояния).
Сделал это в связи с тем что без данного измения например в случае "навешивания" на $(el).on('change', function(){}); с нужными обработками, и изменении состояния с последующим вызовом trigger('refresh') - событие не срабатывало, хотя состояние было изменено.
На данный момент это сделано только у input:checkbox, так как нужно решить оправданно ли это, и нужно ли использовать подобное поведение у других компонентов.
Есть ли смысл делать это для остальных компонентов?
Необходима инструкция участия в разработке плагина, а то сложно сходу разобрать что? где? когда? и из какой ветки
Заметил довольно необычный (очень редко встречаю такой) стиль написания кода в js плагина, так задумано?
Не открывается на мобилках выпадающих список у select.
Не работает. Есть клик, но список выбора не появляется.
@ange007
С недавнего времени на гитхабе появилась возможность создавать страницы из папки docs http://i.imgur.com/m4jztaJ.png возможно это упростит процесс сборки и избавит от проблемы с путями на локальной машине (сейчас ссылки на собранные стили и скрипты смотрят не туда)?
Думаю сделать настройки в древовидном формате:
defaults = {
select: {
triggerHTML: '<div class="jq-selectbox__trigger-arrow"></div>',
search: {
limit: 10,
remote: {
active: false,
method: 'GET',
url: 'http://www.google.com/',
data: '',
onSuccess: function( ) { },
onError: function( ) { },
}
},
visibleOptions: 0,
smartPosition: 0,
onOpened: function( ) { },
onClosed: function( ) { },
},
checkbox: {
indeterminate: false,
},
password: {
switchHTML: '<button type="button" class="' + pluginName + '"></button>',
}
...
}
Будет ли нормально?
Реализовать поддержку size у select (отображение списка так-же как и при multiselect, только без множественного выбора)
Сюда буду скидывать найденные "предложения" на странице оригинального плагина, может что из этого будет полезным.
Нужно реализовать разделение стилей "каркаса" и оформления, чтоб можно было удобнее и быстрее менять оформление контролов.
Реализовать отправку AJAX запросов с разбором JSON-ответов для select.
Для реализации поиска в БД или подобного, примерно как это реализовано в select2 (правда там всё как-то очень заумно).
Пишу, что бы не забыть перенести последние правки из пулреквестов оригинала:
Или нет?
Иногда бывает так, что на сайте есть фиксированная шапка или подвал.
В этом случае при открытии длинного селекта есть вероятность, что мы никогда не сможем увидеть первый или последний пункт селекта (особенно актуально это на мобильнике, если убрать проверку на андроид, всё прекрасно работает)
P.S. Локально у себя реализовал, создаю тиккет, что бы не забыть сделать PR
Здравствуйте.
В какой-то момент времени на iPad и iPod перестало появляться меню опций при клике на селект (ни дефолтное, ни стилизованное не появляются). Автор оригинального плагина игнорирует эту проблему, возможно, вы сможете помочь, так как проблема сохранилась и при переезде на вашу версию плагина form.styler
Спасибо.
В IE11 не верно работает "умное позиционирование" или расчёт минимальной высоты.
При малом остатке высоты для раскрытия списка вниз - список не отображается как надо.
В оригинальном плагине такого нет.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.