2017-10-15 43 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