Динамически увеличивать и уменьшать значения ползунка jQuery

У меня возникла небольшая проблема с ползунками jQuery. Я просмотрел здесь несколько примеров, когда люди, кажется, задают один и тот же вопрос, но полученные одобренные ответы никогда не достигают того, о чем они на самом деле просят. Поэтому я начал свою собственную тему.

Я пытаюсь создать набор ползунков jQuery с максимальным общим значением 1500. Если один ползунок (ползунок A) перемещается на 700, максимальное общее значение других ползунков (B, C, D) необходимо настроить на 800. , Это нормально, если ни один из других ползунков еще не был перемещен и находится на нуле, как код, найденный здесь jsFiddle гарантирует, что остальные ползунки не превысят 800 (будь то разделение на 400, 400, 0 или 500, 150, 150). Настоящая проблема заключается в том, что мне нужно, чтобы ползунки динамически уменьшались, если общее значение после настройки каждого ползунка превышает общий предел в 1500.

Например: я перемещаю ползунок A на 900. Ползунок B был установлен на 500 для начала. Для начала ползунок C был установлен на 300. Ползунок D не был установлен.

Ползунки B и C должны уменьшаться пропорционально значению ползунка A, чтобы общая сумма никогда не превышала предел в 1500.

Любые идеи?


person jezzipin    schedule 21.12.2011    source источник


Ответы (2)


Это не точное (идеальное) решение, которое вы ищете, но я думаю, что оно дает вам идею для начала, я думаю:

Посмотрите на jsfiddle.

person Bhesh Gurung    schedule 21.12.2011
comment
Привет, gurung, это близко к тому, что мне нужно, и я уже экспериментировал и достиг такого рода стадии раньше, однако в этом примере, когда один ползунок перемещается, оставшаяся сумма применяется ко всем другим ползункам как их значение, когда действительно он должен быть установлен в качестве их нового предела. Однако основная сложность в том, что он изменяет масштаб, чего не может быть. Однако спасибо за ваш вклад. - person jezzipin; 22.12.2011

Это кажется очень запутанной функциональностью. Я пытаюсь представить, какой пользовательский интерфейс потребует таких сложных отношений между несколькими ползунками.

Есть ли способ упростить пользовательский интерфейс, чтобы вообще избежать этой проблемы?

person Becky reamy    schedule 21.12.2011
comment
Привет, Бекки, мой клиент специально просил эту функцию. По сути, это часть компромиссного упражнения. Например, если у вас есть новое чудо-лекарство, а ползунки представляют разные характеристики лекарства, вы должны указать, сколько одного элемента входит в состав лекарства (например, парацетамола), при этом пропорционально уменьшая количество других элементов. - person jezzipin; 22.12.2011