2

https://github.com/rweng/jquery-datatables-railsを正確にフォローしました。dataTables を機能させることができません。

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-datatables-rails」、git:「git://github.com/rweng/jquery-datatables-rails.git」

多くのオプションを試しましたが、テーブルのみが表示され、データテーブルの機能はありません。Rails 4 を使用して、gem はアプリに新しいフォルダーとファイルを追加しますか?もしそうなら、私のアプリには何も追加されません

4

5 に答える 5

2

ここで説明する$(document).on "page:change"代わりにテーブルを初期化できる場合、Turbolinks と Datatables は共存できます。$(document).ready

于 2014-08-12T08:22:42.550 に答える
0

ライアンベイツのキャストをフォローした後でも、同じ問題に直面していました。turbolinksRails4で無効にするか、テーブルを含むページにアドレス指定するハイパーリンクでtrueに設定するdata-no-turbolinkと、問題が修正されました。

于 2014-07-20T11:39:27.273 に答える
0

これが問題の原因かどうかはわかりませんが、この行はリストの最後にある必要があります。

//= require_tree .
于 2014-12-10T19:37:01.560 に答える
0

私は以前に同様の問題を抱えていましたが、このチュートリアルに注意深く従って修正しました: http://railscasts.com/episodes/340-datatables?view=commentsこのチュートリアル の作者は、あなたが使用しているのと同じ gem を使用していない可能性があります。ただし、このビデオはどちらの方法でも役に立ちます。

dataTables/jquery.dataTablesまた、アセット パイプラインの上位にリストアップしようとしたかどうかも知りたいです。Google Chrome を使用している場合は、開発者ツール ( F12) を開き、[リソース] タブをクリックしてから、[フレーム] フォルダーをクリックして、[スクリプト] を見つけて選択します。ここでは、スクリプトがロードされた順序とエラーがあるかどうかを確認できます。

これが（少しでも）役立つことを願っています！

于 2014-01-29T00:39:24.103 に答える