Datatables jquery数据表在浏览器刷新之前未格式化_Datatables_Ruby On Rails 5.2

Datatables jquery数据表在浏览器刷新之前未格式化

datatables

Datatables jquery数据表在浏览器刷新之前未格式化,datatables,ruby-on-rails-5.2,Datatables,Ruby On Rails 5.2,我使用的是Rails 5.2、MacOS 10.13.4和ruby 2.3.7p456。我下面介绍如何实现jquery数据表。在开发和生产中，表加载时不使用datatable格式，但在浏览器刷新后，表会以datatable格式完美显示。我正在使用CDN进行安装以下是初始加载的屏幕截图：然后刷新后： My application.html.erb： <head> <%= csrf_meta_tags %> <%= stylesheet_link_tag

我使用的是Rails 5.2、MacOS 10.13.4和ruby 2.3.7p456。我下面介绍如何实现jquery数据表。在开发和生产中，表加载时不使用datatable格式，但在浏览器刷新后，表会以datatable格式完美显示。我正在使用CDN进行安装

以下是初始加载的屏幕截图：

然后刷新后：

My application.html.erb：

<head>

<%= csrf_meta_tags %>

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js"></script>

最后是application.js文件：

//= require jquery3
//= require popper
//= require bootstrap
//= require rails-ujs
//= require jquery.turbolinks
//= require turbolinks
//= require_tree .

我已经尝试将CDN脚本从application.html.erb移动到show页面，删除load jquery脚本，并在load jquery脚本中使用不同版本的jquery。我试过Chrome版本67.0.3396.79和Safari版本11.1。所有这些都没有改变

有人碰到过这个吗？我看到并尝试将

gem'jquery turbolinks'

添加到gemfile中，并将

/=require jquery.turbolinks

添加到application.js中，在捆绑安装并重新启动服务器之后，仍然没有变化。

为了让数据表正常工作，我从我的应用程序中完全删除了TurboLink。

在这里的答案中对此做出了回应-

在某个时刻，美元（document）.ready call被TurboLink折旧，请尝试：

$( document ).on('turbolinks:load', function() {
  console.log("It works on each visit!")
})

$( document ).on('turbolinks:load', function() {
  console.log("It works on each visit!")
})