javascript - 使数据表与 turbolinks 一起工作

Question

我想在我的网络应用程序中使用 Turbolinks。但是，我在使用 turbolinks 和数据表时遇到了一些麻烦。

确实，当我第一次加载我的数据表时，它会为其生成 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();
  }
})