Your code in the slider’s slide function calls $( ".slider-value").html( ui.value );
. This, as you can see, is changing the inner HTML of all elements with the class .slider-value
. You need to change your selector to select a relative element instead. To do that, change:
$( ".slider-value").html( ui.value );
to
$(this).next().find('span.slider-value').html(ui.value);
0
solved two jquery sliders having same class name but the issue is on moving the slider