params.json

{"name":"nativeMultiple","tagline":"input type range multiple","body":"### nativeMultiple\r\nПлагин для расширения нативного слайдера ```<input type='range'>```\r\n\r\n### Инициализация\r\n\r\n```javascript\r\n$('input[name=three]').nativeMultiple({\r\n\tstylesheet: \"slider\",\r\n\tonCreate: function() {\r\n\t\tconsole.log(this);\r\n\t},\r\n\tonChange: function(first_value, second_value) {\r\n\t\tconsole.log('onchange', [first_value, second_value]);\r\n\t},\r\n\tonSlide: function(first_value, second_value) {\r\n\t\tconsole.log('onslide', [first_value, second_value]);\r\n\t}\r\n});\r\n```\r\n\r\n```html\r\n<input type=\"range\" min=\"0\" max=\"180\" step=\"20\" value=\"0,10\" />\r\n```\r\n\r\n### Параметры плагина\r\n\r\n```stylesheet``` - дополнительный класс для слайдера.\r\n\r\n### Параметры элемента\r\n\r\n```min``` - минимальное значение\r\n\r\n```max``` - максимальное значение\r\n\r\n```step``` - шаг слайдера (по умолчанию 1, этот параметр можно опустить)\r\n\r\n```value``` - начальное и конечное значения ползунков через запятую. При отсутствии запятой начальное и конечное равняются данному значению. При отсутствии значения начальное и конечное равны минимальному и максимальному значению соответственно.\r\n\r\n### События\r\n\r\nСобытие ```onCreate``` возникает при инициализации слайдера.\r\n\r\nСобытие ```onSlide``` возникает при движении одного из ползунков.\r\n\r\nСобытие ```onChange``` возникает при завершении движения одного из ползунков.\r\n\r\n### Структура созданного слайдера\r\n\r\n```html\r\n<div class=\"slider nativeMultiple\">\r\n\t<div style=\"width: 131.444px;\" class=\"nativeMultiple-one\">\r\n\t\t<div style=\"width: 398px;\">\r\n\t\t\t<input min=\"0\" max=\"180\" value=\"0,70\" name=\"three\" type=\"range\" />\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"nativeMultiple-two\">\r\n\t\t<div style=\"width: 398px;\">\r\n\t\t\t<input min=\"0\" max=\"180\" value=\"0,70\" type=\"range\" />\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n```\r\n\r\n### Пример","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}