Rails dataTables必须重新加载页面

Question

我在Rails应用程序中使用dataTables。我有一个叫做site的模型。

site的索引使用dataTable列出网站。

当我第一次加载索引页

http://localhost:3000/sites 

DataTable不工作。没有控制台错误。

如果我重新加载页面，它的工作原理！

在重装时，控制台显示的条目是这样的：

Started GET "/assets/application.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/bootstrap.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/bootstrap-editable.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/ColVis.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/datetimepicker.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/datepicker.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/dataTables/bootstrap/3/jquery.dataTables.bootstrap.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/jquery.qtip.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:30 -0600 
Started GET "/assets/jquery.treeTable.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:30 -0600 
Started GET "/assets/TableTools.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:30 -0600 
Started GET "/assets/TableTools_JUI.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:30 -0600 
... 

感谢您的帮助！

Answer 1

你使用宝石turbolink？如果是，那可能是它的原因，因为它不会重新加载整个页面，只是部分。您可以通过两种不同的方式解决这个问题：

1. 不要使用的TurboLink（但你的网站会慢一些）

2. 移动你的数据表初始化代码为页：改变， 像这样的应用程序。 js：

   $（document）.on（“page：change”，function（）{ $（'＃yourtable'）。dataTable（）; }）;