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

标签 javascript jquery css jquery-ui

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

最佳答案

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

关于javascript - 如何将 slider 与刻度同步以使其响应?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25311714/

相关文章:

javascript - 为什么 window.scrollY !== document.body.clientHeight @最大滚动点

javascript - 数组循环中的 Jquery 循环对象 - console.log 给出值,但 HTML 给出 [object]

javascript - JQuery 数据表回调在删除的行上调用

html - css 下拉菜单上的间距问题,无法将文本居中并且无法摆脱多余的左侧空间

html - 高级中心对齐 - CSS 可能吗?

javascript - 了解使用 # 的 jQuery 属性选择器

javascript - 如何检查dom中预设的元素id?

javascript - 在 AngularJS 中获取 JSESSIONID 值并创建 Cookie

jquery - 导航栏下方的 Bootstrap 搜索栏

html - 如何保持背景图像质量清晰?