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

Great Man !!!作品 $( "#のslider123")タイムスライダは( "追加"、 \t \t \t \t \t \t { '_id': 'C3'、 'スタート':60 * * 1000 12、 '停止':60 * 20 * 1000 * 2} \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t)。 – dazzafact