javascript - 完成 footable 初始化后如何继续做事？

Question

我为我的数据表 ( http://fooplugins.github.io/FooTable/ ) 使用名为 fooTable 的查询插件

下面是我初始化数据表的代码...

jQuery(function($){
  $('.table').footable({
      "paging": { "size": 15 },
      // "toggleColumn": "last",
      "showToggle": false,
      "columns": $.get('/footable/js/columns.json'),
      "rows": $.get('/footable/js/rows.json')
  })
})

我的问题是初始化完成后如何做？

我试试

jQuery(function($){
  $('.table').footable({
      "paging": { "size": 15 },
      // "toggleColumn": "last",
      "showToggle": false,
      "columns": $.get('/footable/js/columns.json'),
      "rows": $.get('/footable/js/rows.json')
  })
  .done(function(){
    alert('do something');
  })
})

但它不起作用。

Answer 1

您应该将 postinit.ft.table 事件与 on 一起使用@Roamer-1888 提到的选项。 (您可以单击任何选项以查看如何使用它的小示例。)

jQuery(function($) {
    $('.table').footable({
        // your other options
        'on': {
            'postinit.ft.table': function(e, ft) {
                /*
                 * e: The jQuery.Event object for the event.
                 * ft: The instance of the plugin raising the event.
                 */
                // all initialized - do stuff here
            }
        }
    });
});

或者，插件构造函数的第二个参数是一个准备好的回调，因此您只需提供一个函数，以便在一切完成后执行。

jQuery(function($) {
    $('.table').footable({
        // your options
    }, function(ft){
        /*
         * ft: The instance of the plugin raising the event.
         */
        // all initialized - do stuff
    });
});