jquery - Restrict Bootstrap range slider draggers to stay on the same value -
i'm using bootstrap range slider in 1 of projects. need not allow left , right draggers on same value. can give me hint on how can done? bootstrap slider can seen on here: http://www.eyecon.ro/bootstrap-slider/
thanks.
$(document).ready(function(){ $("#ex2").slider({}); $('#ex2').slider() .on('slidestop', function(ev){ var adjustvalue1 = 15; var adjustvalue2 = 0; if(ev.value[0] == ev.value[1]){ if($('#ex2').data('slider-min') + adjustvalue1 > ev.value[0]){ adjustvalue1 = 0; adjustvalue2 = 15; } $('#ex2').slider('setvalue',[ev.value[0]-adjustvalue1,ev.value[1]+adjustvalue2]); // if equal change value } }); $('#ex2').slider() .on('slide', function(ev){ $('#left').text(ev.value[0]); $('#right').text(ev.value[1]); }); });
example
http://jsfiddle.net/trevordowdle/fzd67/1/
something work off of.
Comments
Post a Comment