UI Ползунок с переменным шагом (Web Builder)


Бегунок jQuery с произвольным шагом, тойсть у ui ползунка будет разный шаг.
Ползунок будет перемещаться только по определенному диапазону значений,
например: 30 000, 75 000, 120 000, 170 000, 300 000.
Пример jQuery Бегунка с разными шагами при перемещении
Шаг: произвольный
В HTML-исходнике страницы между тегами <head> вставьте скрипт:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script>
$(function() {
var arr = [30000, 75000, 120000, 170000, 300000];

var input = $("
#Result");
var slider = $("
#jQuerySlider").insertAfter( input ).slider({
step: 1,
  change: function( event, ui ) {
  input.val(arr[ui.value]);
},
slide: function( event, ui ) {
  input.val(arr[ui.value]);
}
});
slider.slider( "option", "value", 1 );
});
</script>
jQuerySlider - это id ползунка (бегунка).
Result - это id Editbox(а) с выводом значения.
В 15-й строке "value", 1 -- прописывается исходное значение для бегунка.
Для тех кто не является пользователем программы WYSIWYG Web Builder в скрипте добавьте дополнительные строки после step: 1,
orientation: 'horizontal',
animate:
true,
range:
'min',
min:
0,
max:
4,
Свойства бегунка -- Вкладка -- Общее:

Исходное: 0
Диапазон: min
Минимальное: 0
Максимальное: 4
Если вам в скрипте необходимо добавить ещё одно значение (число), тогда обязательно измените в свойстве бегунка максимальное значение (max) +1
Скачать исходник .wbs (версия 12.3.0)