2017-10-15 27 views
0

有人能告诉我如何添加新的时间轴细胞这个插件jQuery的Plugin-添加方法

https://github.com/v-v-vishnevskiy/timeslider

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

的jsfiddle: https://jsfiddle.net/3mn9ugc7/

//new initial 
    $('#slider123').TimeSlider({ 
         init_cells: [ 
          {'_id': 'c1', 'start': '0', 'stop': 60*5*999}, 
          {'_id': 'c2', 'start': 60*5*1000, 'stop': 60*5*1000*2} 

         ], 
         start_timestamp: 2 * 1000, 
         current_timestamp: (new Date()).getTime(), 
         //distance_between_gtitle: 100, 
         ruler_enable_move:1, 
         hours_per_ruler:1, 
         update_interval: 1000 

        }); 
    //add new?? 
    $('#slider123').TimeSlider({ 
         init_cells: [ 
          {'_id': 'c3', 'start': 60*10*1000, 'stop': 60*7*1000*2} 
         ], 


        }); 

回答

1

你可以通过添加一个单元格:$("#slider123").TimeSlider("add", cell);

但是,您可以执行许多操作,包括添加,切换,编辑,删除,删除所有单元格以及移动时间滑块开始的位置。

分别使用“add”,“toggle”,“edit”,“remove”,“remove_all”和“new_start_timestamp”。大多数需要一个单元格,但删除只需要一个单元格ID。

+0

伟大的人!工程 $( “#slider123”)时间滑条( “添加”, \t \t \t \t \t \t { '_id': 'C3', '开始':60 * 12 * 1000, '停止':60 * 20 * 1000 * 2} \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t); – dazzafact