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（）; }）;