Menu icon Foundation
Dynamically change start value for range sliders

Hey!

I'm using two range sliders on a page and I want these two to be dependent of each other.

My second slider should never be able to contain a lower value than my first slider.

I've tried to to change myself by:

$('#slider-b').data('options', 'start: ' + newStart + '; end: 112; display_selector: #slider-b-output;');
$(document).foundation('slider','reflow');
$('#slider-b').foundation('slider','set_value',bandSize);            

         

But it won't work.

How can I solve this issue?

range slider

Hey!

I'm using two range sliders on a page and I want these two to be dependent of each other.

My second slider should never be able to contain a lower value than my first slider.

I've tried to to change myself by:

$('#slider-b').data('options', 'start: ' + newStart + '; end: 112; display_selector: #slider-b-output;');
$(document).foundation('slider','reflow');
$('#slider-b').foundation('slider','set_value',bandSize);            

         

But it won't work.

How can I solve this issue?