jQuery TimeSlider刷新单元格

时间:2016-07-11 12:37:14

标签: javascript jquery

我正在使用这个timelider组件: https://github.com/v-v-vishnevskiy/timeslider

演示: http://v-v-vishnevskiy.github.io/timeslider/demo/demo.html

我正在尝试更改此滑块的start_timestamp:

<div id="c1" class="timecell" start_timestamp="1468231842698" stop_timestamp="1468239761464" style="left:503.0011225231481px;width:167.63221081018517px;background-color:#76C4FF;">2:11:58</div>

使用

$('#c1').attr('start_timestamp', '14682310000');

但问题是滑块在我通过拖动移动之前不会更新。

任何人都知道如何在更新属性的同时更新滑块?

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作添加/编辑单元格:$("#slider123").TimeSlider("edit", cell);

还可以添加,切换,编辑,删除,删除所有单元格以及移动时间滑块的开始位置。

分别使用“add”,“toggle”,“edit”,“remove”,“remove_all”和“new_start_timestamp”。大多数需要一个单元格,但删除只需要一个单元格id。 添加新的示例:

$("#slider123").TimeSlider("add",{'_id': 'c3', 'start': 60*12*1000, 'stop': 60*20*1000*2});