javascript - 获取 dataTables 和 twitter bootstrap 工作时出现问题

Question

我正在尝试重新创建 this table在我的 Rails 3 应用程序中。我相信我已经包含了所有必要的 javascript 文件，但我不断收到此错误:

未捕获类型错误:无法读取未定义的属性“oStdClasses”

我直接复制了他的 HTML 和 javascript 文件，所以我不确定问题是什么。我对 jquery/javascript 很陌生，所以我确信我只是错过了一些愚蠢的东西。 任何提示都会很棒。

编辑:我猜测文件加载顺序错误，因为当我查看控制台时，我看到的是:

Started GET "/" for 127.0.0.1 at 2012-03-29 11:17:14 -0400
Processing by HomeController#index as HTML
Rendered home/index.html.erb within layouts/application (18.0ms)

Compiled bootstrap-responsive.css  (0ms)  (pid 37780)
Compiled bootstrap.css  (0ms)  (pid 37780)
Compiled docs.css  (0ms)  (pid 37780) 
Compiled home.css  (16ms)  (pid 37780)
Compiled scaffolds.css  (0ms)  (pid 37780)
Compiled application.css  (33ms)  (pid 37780)
Compiled jquery.js  (1ms)  (pid 37780)
Compiled jquery_ujs.js  (0ms)  (pid 37780)
***Compiled DT_bootstrap.js  (0ms)  (pid 37780)  #=> Wrong order?
Compiled bootstrap-alert.js  (0ms)  (pid 37780)
Compiled bootstrap-button.js  (0ms)  (pid 37780)
Compiled bootstrap-carousel.js  (0ms)  (pid 37780)
Compiled bootstrap-collapse.js  (0ms)  (pid 37780)
Compiled bootstrap-dropdown.js  (0ms)  (pid 37780)
Compiled bootstrap-modal.js  (0ms)  (pid 37780)
Compiled bootstrap-popover.js  (0ms)  (pid 37780)
Compiled bootstrap-scrollspy.js  (0ms)  (pid 37780)
Compiled bootstrap-tab.js  (0ms)  (pid 37780)
Compiled bootstrap-tooltip.js  (2ms)  (pid 37780)
Compiled bootstrap-transition.js  (0ms)  (pid 37780)
Compiled bootstrap-typeahead.js  (0ms)  (pid 37780)
Compiled google-code-prettify/prettify.js  (0ms)  (pid 37780)
Compiled home.js  (118ms)  (pid 37780)
***Compiled jquery-1.7.1.min.js  (1ms)  (pid 37780)
***Compiled jquery.dataTables.js  (6ms)  (pid 37780)   
***Compiled jquery.dataTables.min.js  (0ms)  (pid 37780)
Compiled application.js  (292ms)  (pid 37780)
Completed 200 OK in 574ms (Views: 573.7ms)

我将尝试手动重新排序它们，看看是否会产生影响。

Answer 1

我的问题是文件未按正确的顺序加载。我用过this answer手动重新排序文件，使其正常工作。