2013-10-31 73 views
2

我完全按照https://github.com/rweng/jquery-datatables-rails。 無法使dataTables工作。軌道上的數據表紅寶石4

在index.html.erb

<table id = "funds12"> 
<thead> 
    <tr> 
    <th>Fund Name</th> 
    <th>Category</th> 
    <th>YTD</th> 

    </tr> 
</thead> 
<tbody> 
    <% @funds.each do |fund| %> 
    <tr> 
     <td><%= link_to "#{fund.scheme_name}", fund_path(fund.id) %><td> 
     <td><%= fund.category %></td> 
     <td><%= fund.fund_ytd %></td> 
    </tr> 
    <% end %> 
</tbody> 
</table> 


<script> 
    $(document).ready(function() { 
    $('#funds12').dataTable(); 
    }); 

</script> 

在的application.js

//= require jquery 
//= require turbolinks 
//= require_tree . 
//= require jquery_ujs 
//= require dataTables/jquery.dataTables 

在application.css.scss

*= require_self 
*= require_tree . 
*= require dataTables/jquery.dataTables 

寶石文件

寶石 'jQuery的數據表護欄',git的: '混帳://github.com/rweng/jquery-datatables-rails.git'

試過很多的選項,只有一張表出現沒有數據表的功能。 使用Rails 4 是否寶石添加新的文件夾和文件到您的應用程序,如果是的話沒有什麼是我的應用程序添加

+0

沒有答案???任何提示也將b極大的幫助 –

+0

發佈寶石文件?或者插入您的插入數據表格寶石 –

回答

0

我在前面一個類似的問題,並仔細按照本教程固定它:http://railscasts.com/episodes/340-datatables?view=comments 作者本教程可能不會使用與您使用的相同的寶石,但是這種視頻對任何方式都有幫助。

另外, 我很想知道您是否嘗試過在資產管道中列出dataTables/jquery.dataTables更高的值。如果您使用Google Chrome,請嘗試打開您的開發人員工具(F12),單擊資源選項卡,然後單擊框架文件夾旁邊的查找並選擇腳本。 在這裏你可以找到你的腳本,按照他們加載的順序以及是否有錯誤。

我希望這有助於(即使有點)!

0

即使在ryan bates演員結束後,我仍面臨同樣的問題。禁用軌道4中的turbolinks或在超鏈接中設置data-no-turbolink爲true,以尋址包含該表的頁面解決問題。

2

如果您可以初始化$(document).on "page:change"而不是$(document).ready(如here所述),則Turbolinks和Datatables可以共存。

0

不確定這是否是問題的原因,但此行需要位於列表的末尾。

//= require_tree .