0

我在 rails-3.2.3/bootstrap 应用程序上使用datatables js 对表的字段进行排序。

如果我在本地运行应用程序而不预编译资产管道，它可以正常工作，但是一旦我运行：

RAILS_ENV=production bundle exec rake assets:precompile

生成的 public/assets 阻止 DataTables 插件工作，即使它看起来正确打包到 public/assets/manifest.yml 文件和 public/assets 目录中：

lsoave@ubuntu:~/rails/github/gitwatcher$ ls -l app/assets/javascripts
total 84
-rw-rw-r-- 1 lsoave lsoave   553 2012-04-27 21:36 application.js
-rw-rw-r-- 1 lsoave lsoave    99 2012-04-20 21:37 bootstrap.js.coffee
-rw-rw-r-- 1 lsoave lsoave  3387 2012-04-26 20:12 DT_bootstrap.js
-rw-rw-r-- 1 lsoave lsoave 71947 2012-04-26 20:12 jquery.dataTables.min.js
lsoave@ubuntu:~/rails/github/gitwatcher$

任何一个 application.js 看起来都不错：

app/assets/javascripts/application.js:

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require DT_bootstrap
//= require jquery.dataTables.min
//= require_tree .

当然，这更有问题，因为它会阻止 rails 应用程序在 heroku 上运行（我可以从头开始编译应用程序，或者使用本地预编译的版本，但它们无论如何都不起作用）。

我能怎么做 ？

4

2 回答 2

4

我只是让它自己工作。你在用jquery-datatables-rails宝石吗？如果没有，你应该！将此行放在您的 gemfile 中：

gem 'jquery-datatables-rails', github: 'rweng/jquery-datatables-rails'

并运行：

捆绑安装

注意：不要将它放在您的资产组中，否则在部署到 heroku 时它将不起作用（因为资产组未在生产中使用）。

另外，请确保将此行放在您的 application.rb 中：

config.assets.initialize_on_precompile = false

将这些添加到您的 application.js

//= require dataTables/jquery.dataTables
//= require dataTables/jquery.dataTables.bootstrap

将此添加到您的 application.css：

 *= require dataTables/jquery.dataTables.bootstrap

并将其添加到您正在使用数据表的控制器的 js.coffee 文件中：

如果您使用流体容器：

#// For fluid containers
$('#dashboard').dataTable({
  "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
  "sPaginationType": "bootstrap"
});

如果您使用固定宽度的容器： 

#// For fixed width containers
$('.datatable').dataTable({
  "sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>",
  "sPaginationType": "bootstrap"
});
于 2012-04-28T07:00:42.587 回答
0

这可能有几个原因不起作用。最好的选择是从这里开始：

http://www.neilmiddleton.com/heroku-asset-pipeline-faq/

于 2012-04-27T22:00:36.687 回答