Fehler beim Abrufen von DataTables und Twitter Bootstrap

Question

Ich versuche this table in meiner Rails 3 App zu erstellen. Ich glaube, ich habe alle notwendigen Javascript-Dateien enthalten, aber ich halte diesen Fehler:

Uncaught TypeError: Cannot read property 'oStdClasses' of undefined

ich seine HTML kopiert und Javascript-Dateien direkt, so bin ich nicht sicher, was das Problem sein könnte. Ich bin sehr neu mit jQuery/Javascript, also bin ich sicher, dass ich gerade etwas dummes verpasse. Alle Hinweise wären toll.

edit: Ich vermute, die Dateien werden immer in der falschen Reihenfolge geladen, weil, wenn ich an meine Konsole schauen das ist, was ich sehe:

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) 

Ich werde manuell versuchen, sie neu zu ordnen und sehen wenn das einen Unterschied macht.

Answer 1

Mein Problem war, dass die Dateien nicht in der richtigen Reihenfolge geladen wurden. Ich benutzte this answer, um die Dateien manuell neu zu ordnen, die es funktionierten.

Answer 2

Wenn Sie mit dem jquery-datatable-rails Juwel sicher, dass Sie sowohl die Basisdatentabellen JavaScript sowie die Twitter Bootstrap-Variante in Ihrem application.js sind erforderlich, zB:

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

Einschließlich nur die Die Bootstrap-JS-Datei wird zu dem Fehler führen.