Ho alcune pagine che contengono degli slider, fatti con il plugin NoUiSlider (http://refreshless.com/nouislider/).
Funzionano perfettamente ma avrei la necessità di correlarli, in modo tale che se sposto uno slider da un lato gli altri "compensino" in modo tale che la somma dei loro valori desse sempre 100.
Non ho la più pallida idea di come farlo Qualche idea?
Per ora ho questa roba qua...
codice:
$(".slider.tied").each(function() {
var context = $(this).addClass("noUiSlider");
var input = context.prev(".amount"); // the input containing the actual slider value
var val = input.val();
var min = input.data("min");
var max = input.data("max");
context.noUiSlider({
range: [min, max],
start: val,
step: 1,
handles: 1,
slide: function() {
var value = $(this).val();
input.val(value);
}
});
});