javascript - 如何将 slider 与刻度同步以使其响应？

Question

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

它的发生是因为下面的一段代码:

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

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

我相信如果第一个和最后一个刻度分别停留在 slider 的起点和终点，它就会同步。

我如何实现这一目标？

jsFiddle

Answer 1

你不应该为百分比添加任何额外的值 (spacing * i - 3.5) http://jsfiddle.net/f5dxq8mj/22/