0

私のレール3アプリにthis tableを再作成しようとしています。データテーブルとツイッターブートストラップの取得に関する問題

Uncaught TypeError: Cannot read property 'oStdClasses' of undefined

私は問題は何ができるかわからないので、私は直接彼のHTMLとJavaScriptファイルをコピー:私は、私は必要な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) 

私はそれらを手動で並べ替えると見しようとするつもりです:私は私のコンソールを見ると、これは私が見たものであるので、私は間違った順序で読み込まなっているファイルを推測していますそれが違いを生むならば。

+0

コード例が参考になります。また、ドキュメントの先頭にDataTablesスクリプトを含めたことを確認してください。 –

+0

私は '<%= javascript_include_tag"アプリケーション "%>"を私の頭の中に入れました。私はそれを調べるときにChromeからファイルを見ることができます。 – Josh

+0

申し訳ありませんが、私はあなたがそれを開始するために使用しているコードを見ることができます。私はあなたが投稿したリンクと同じであると仮定しています。あれは正しいですか? –

答えて

2

私の問題は、ファイルが適切な順序でロードされていないことでした。私はthis answerを使ってファイルを手作業で並べ替えて動作させました。

1

あなたが例えばあなたのapplication.js、中ベースのDataTableのJavaScriptだけでなく、Twitterのブートストラップの変異体の両方を必要としていることを確認してくださいjquery-datatable-rails宝石を使用している場合:

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

含めのみブートストラップJSファイルがエラーになります。

関連する問題