повзунок ui

Плагін Slider дозволяє перетворювати блокові елементи (зазвичай div'и) в елементи управління, які зазвичай називають повзунками. Пересувати рукоятки повзунків можна за допомогою миші, а якщо повзунок знаходиться у фокусі, то і з допомогу клавіш зі стрілками.

Обробники подій, що відбуваються на повзунках, отримуватимуть 2 параметра: стандартний об'єкт події і додатковий об'єкт (назвемо його ui) з наступними полями:

ui.value - поточне значення повзунка. ui.handle - DOM-елемент виконує роль рукоятки повзунка. Цей елемент створюється автоматично, при ініціалізації плагіна (при створенні, цього елементу присвоюється клас 'ui-slider-handle').

У повзунку може бути будь-яка кількість рукояток. Якщо їх більше однієї, то замість поля value потрібно використовувати values. який буде зберігати масив значень (по одному на кожну рукоятку).

↓ Ім'я властивості: типи значень (значення за замовчуванням)

Зупиняє \ відновлює роботу плагіна Slider на обраних елементах.

Визначає, чи необхідна анімація плавного переміщення повзунка, коли користувач клацає мишею в область повзунка поза області рукоятки. Якщо анімація потрібна, то слід поставити в цьому параметрі час переміщення. Це може бути одне з строкових значень: "slow", "normal" або "fast" (відповідають 600, 400 і 200 мілісекунд). Або безпосередньо кількістю мілісекунд (наприклад 1000). Якщо в параметрі animate задати значення true. то це буде відповідати значенню "normal".

Відповідає максимальному значенню на повзунку.

Відповідає мінімальному значенню на повзунку.

Це властивість визначає як буде розташовуватися повзунок: вертикально або горизонтально (див. Приклад "Вертикальний повзунок"). Можливі значення 'horizontal' і 'vertical'.

Визначає, чи буде пофарбований на повзунку діапазон значень. Якщо це властивість встановлено в true. а на повзунку розташовані дві рукоятки, то частина повзунка між ними буде пофарбована (див. приклад "Діапазон значень"). Якщо на повзунку одна рукоятка, то для того, щоб пофарбувати область від мінімуму до повзунка, потрібно вказати в range значення "min" (див. Приклад "Односторонній діапазон"). Значення "max" слід вказати, щоб забарвити область від повзунка, до максимуму.

Визначає мінімальний крок при переміщенні рукоятки повзунка (див. Приклад "Налаштування значень"). Перш ніж ставити цій властивості значення, відмінне від 1, переконайтеся, що воно кратно величиною max-min.

Визначає поточний встановлене значення повзунка. Якщо на повзунку знаходиться більше однієї рукоятки, value відповідає за значення першої з них. Значення всіх рукояток (коли їх більше однієї) знаходяться у властивості values.

Ця опція активна тільки коли на повзунку більше однієї рукоятки. В цьому випадку, в ній зберігається масив зі значеннями кожної з них.