Я пытаюсь создать интерфейс, похожий на создание навыков, с 4 ползунками jQuery-UI (впервые я использую эту библиотеку интерфейса).
Ползунки ограничены общей суммой (здесь 10), и я пытаюсь остановить слайд увеличения, когда этот предел достигнут.
Я прочитал это , это и это , но результат не очень полезен. Пользователь должен много времени понять, как работает группа слайдеров. Вот почему я проверяю, чтобы не изменять «размер» ползунка, а просто блокировать увеличение ползунка.
Мне удастся остановить слайдер. Но связанный номер продолжает увеличиваться.
Вот моя попытка: http://jsfiddle.net/PXEG2/
Я пробовал это:
function total(){
var value = parseInt($('#item1').val()) + parseInt($('#item2').val()) + parseInt($('#item3').val()) + parseInt($('#item4').val());
if(value > 10){
$('.slider').slider({max: $(this).slider(max)});
}
}
Может быть, я не пользуюсь хорошим способом?
Спасибо за вашу помощь.