Solution:
function refreshFinal() {
var total = 0;
$('.time-slider').each(function(){
total += $(this).slider('value')
})
console.log(total);
modTotal = total * .723;
$('#no_taxstream').slider("value", total);
$('#taxstream').slider("value", modTotal);
}
$("#no_taxstream").height(100).slider({
handle: "ui-slider-nohandle",
range: "min",
step: 25,
min: 0,
max: 1300,
orientation: "vertical"
});
$("#taxstream").height(100).slider({
handle: ".ui-slider-handle-none",
range: "min",
step: 5,
min: 0,
max: 1300,
orientation: "vertical"
}).slider("disable");
$(".time-slider").slider({
step: 5,
range: "min",
value: 0,
min: 0,
max: 100,
slide: refreshFinal,
change: refreshFinal
});
});
On Jan 21, 9:47 am, Seth <[email protected]> wrote:
> I am attempting to have multiple sliders set the value of another
> slider. So far, I've started easy with just trying to get one slider
> to mimic the value of another slider. What I've got is the following.
>
> $("#final").height(100).slider({
> range: "min",
> min: 0,
> value: 10,
> max: 100,
> orientation: "vertical"
> });
> $("#fist").slider({
> range: "min",
> value: 37,
> min: 1,
> max: 100,
> slide: function(event, ui) {
> console.log(ui.value);
> $("#final").slider("moveTo", ui.value);
> }
> });
>
> Any thoughts? Eventually I am going to have about 10 sliders to
> generate the value of the $('#final') slider. Thanks.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
