jquery - DataTables 仅在页面刷新时加载

Question

在我的 Rails 4 应用程序中，如果我从另一个 URL 访问包含 DataTable 的页面，它只会加载纯 HTML 表。但是，如果我重新加载页面，数据表就会出现并正常运行。这是我用来运行该表的 CoffeeScript 。

app/assets/javascript/employees.coffee

jQuery ->

  $('#margin-table1').dataTable().fnDestroy() # prevent duplication error
  $('#margin-table1').dataTable
    'dom' : 'TC<"clear">lftip'
    'bPaginate' : false
    'bInfo' : false
    tableTools: {
      "sSwfPath": "/copy_csv_xls_pdf.swf"
    }

app/assets/javascript/application.js

//= require bootstrap
//= require jquery
//= require jquery_ujs
//= require dataTables/jquery.dataTables
//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
//= require dataTables.colVis
//= require dataTables.tableTools
//= require jquery.purr
//= require dataTables/jquery.dataTables
//= require chartkick
//= require_tree .

app/assets/stylesheets/application.css

*= require_tree .
*= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
*= require dataTables/extras/dataTables.colVis
*= require dataTables/extras/dataTables.tableTools
*= require_self

Answer 1

好的，我想我已经足够理解您的问题了，可以提供答案。使用涡轮链接的问题是，大多数绑定(bind)到文档就绪事件的插件和库都会停止工作，因为涡轮链接会阻止浏览器重新加载页面。有一些技巧可以解决这些问题，但最简单的解决方法是使用 jquery.turbolinks .

要使用它，只需将其添加到您的Gemfile

gem 'jquery-turbolinks'

并将其添加到您的 assets/javascripts/application.js 文件中:

//= require jquery.turbolinks

并重新启动您的服务器，它将正常工作。