Javascript 自定义jQueryUI滑块

Js文件^

玉锉^

所以基本上我让滑块工作。我试图在滑块上添加类似的圆/点。因此，您可以沿滑块将其拖动到每个位置。点会影响页面上的某些内容。但是我在文档中找不到任何与此相关的内容，有人能帮忙吗？谢谢。

请参考此

var tot=total-1；
var mar=$（“.ui滑块”）.width（）/tot；
对于（var x=0；x

你能做一个JSFIDLE吗？？

$(document).ready(function(){

  var axis = $('.selector').draggable('option', 'axis');

      $("#draggable").draggable({ axis: 'x' });
      $('.selector').draggable('option', 'axis', 'x');

  div.slider
    input(type="range" name="slider-1" id="slider-1" value="10" min="0" max="200" data-highlight="true")

var tot = total - 1;
var mar = $( ".ui-slider" ).width() / tot;

for (var x = 0; x < tot; x++){

    $(".ui-slider" ).append("<span class='dots' style='left:"+ x * mar + "px'></span>");
}