README
task3_slider
Старт
Так как это плагин для JQuery, он должен быть подключен.
file.html
<div id="range-slider"></div>
file.js
$('#range-slider').sliderTask4();
Опции
file.js
$('#range-slider').sliderTask4({
min: 10,
max: 1000,
from: 500
});
max
Тип: number
Default: 100
Максимальное значение слайдера
min
Тип: number
Default: 0
Минимальное значение слайдера
from
Тип: number
Default: 25
Значение первого указателя. Он же используется как основной.
to
Тип: number
Default: 75
Значение второго указателя. Используется как дополнительный.
step
Тип: number
Default: 1
Значение шага.
direction
Тип: string
Default: 'horizontal'
Направление слайдера. При 'vertical' будет принимать вертикальное положение, при остальных значениях будет горизонтальное положение.
type
Тип: string
Default: 'false'
Тип слайдера. При 'double' будет добавлять дополнитеьный указатель to, при остальных значениях будет только один указатель from.
single
Тип: boolean
Default: true
Отвечает за отображение значения над указателями.
Смена значений через JS
file.js
$('#range-slider').sliderTask4Update({
type: 'double',
to: 10,
single: false
});
Получение значений
file.js
let obj = $('#range-slider').data('range-slider');
Вы получаете объект со всеми значениями.
Архитектура
MVC
Model ни с кем не взаимодействует, с помощью паттерна наблюдатель сообщает об изменениях View. View взаимодействует с Model с помощью паттерна наблюдатель сообщает Controller о создании элементов. Controller взаимодействует с View и Model.