使数据表与turbolinks一起使用

Question

我想在我的Web应用程序中使用Turbolinks。但是，我遇到了turbolinks和datatables的麻烦。

实际上，当我第一次加载我的数据表时，它会为它生成DOM并且每一件事都可以。但是使用turbolinks，页面会被生成的DOM缓存，所以当我更改页面并返回我的数据表时，所有数据表功能都不起作用（分页，顺序，过滤......）

我认为，重新加载数据表时，它的DOM已经生成不起作用，所以我试图在重新加载之前销毁它：同样的问题

这是我的数据表功能：Datatable function

在这里呼吁它：call to it

你有没有遇到过这个问题，我该怎么做才能解决它？

谢谢你的回复

Answer 1

从turbolink缓存返回时，不要再次初始化日期表。

document.addEventListener("turbolinks:load", function() {
  "use strict";
  if ($("#users-table_wrapper").length == 0) {
    $('#users-table').DataTable();
  }
})