如何将滑块与刻度同步以使其响应?

时间:2014-08-14 15:19:35

标签: javascript jquery css jquery-ui

my code so far中,我已将勾选标记和标签附加到jQuery UI滑块。当我增加/减小浏览器窗口的大小时,这些刻度与滑块不同步。

由于以下代码而发生这种情况:

$('<span class="ui-slider-tick-mark"> <br/>'+ date[i] +'</span>') // line # 44 in JS
.css('left', (spacing * i - 3.5) +  '%')
.appendTo($slider); 

我尝试使用静态值,但似乎只要此值是静态的,它就不会响应。

我相信如果第一个和最后一个刻度分别停留在滑块的开头和结尾,它将被同步。

我如何实现这一目标?

jsFiddle

1 个答案:

答案 0 :(得分:1)

您不应该为百分比(spacing * i - 3.5)添加任何其他值 http://jsfiddle.net/f5dxq8mj/22/