Общее максимальное значение с несколькими зависимыми ползунками jQuery-UI - PullRequest
1 голос
/ 07 октября 2011

Я пытаюсь создать интерфейс, похожий на создание навыков, с 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)});
    }
}

Может быть, я не пользуюсь хорошим способом? Спасибо за вашу помощь.

...