如何在使用数据表API时添加动画效果

时间:2019-07-12 15:55:45

标签: datatables jquery-animate

我创建了一个具有自动切换表分页功能的数据表。但是我不知道如何在每次切换页面时向表中添加动画效果。我在下面附加了我的代码。 $('#apinfo').addClass('animated fadeInDown'是动画的开始位置,但是由于table.page(pageNum).draw(false)不会重新加载页面,因此只能发生一次。似乎我需要使用draw(false)来保持内容相同,以便可以自动切换分页。你们有什么建议吗?非常感谢您的帮助。

我还尝试将$('#apinfo').addClass('animated fadeInDown')放在setInterval函数中,但是它不起作用。

$(document).ready(function() {

     $('#apinfo').DataTable({
        "searching": false
      });

     var table = $('#apinfo').DataTable();


     $('#apinfo').addClass('animated fadeInDown');

    setInterval(function() {
        var info = table.page.info();
        var pageNum = (info.page < info.pages) ? info.page + 1 : 1;
        table.page(pageNum).draw(false);
    }, 7000);

});

0 个答案:

没有答案