помощь с опцией jquery slider range

Question

Есть ли способ ограничить возможности ползунка в слайдере jQuery UI?

У меня есть слайдер, который разбит на 5 частей.

Однако мне нужны только варианты 2,3 и 4. Я не хочу, чтобы ручка переходила к 1 или 5.

Как вы это ограничиваете?

Спасибо!

Answer 1

Вы можете прослушать слайд-мероприятие и проверить его позицию.

Когда это в или , вы можете return false и отменить мероприятие.

Это похоже на работу

$(".selector").slider({ 
    min: 1, 
    max: 5, 
    value: 2, 
    slide: function(event, ui) { 
     if(ui.value == 1 || ui.value == 5) 
      return false; 
    } 
}); 

поиграйте here.

Answer 2

Вы не можете напрямую изменить настройку, чтобы сделать это, если вы хотите сохранить 1 и 5 на ползунке. Если вы хотите только 2,3 & 4 вы можете использовать:

$(".selector").slider({ min: 2, max: 4 }); 

Если вы хотите сохранить 1 и 5 вам нужно будет написать функцию OnChange. Аналогичен:

$(".selector").slider({ 
    change: function(event, ui) { 
     this.value == 1? this.value = 2: this.value; // 
     this.value == 5? this.value = 4: this.value; 
    } 
}); 

Не уверен, что это правильный синтаксис, вам нужно будет проверить.