2012-02-10 6 views
51

私は現時点で少しのサイトを構築していて、InitialzrのBootstrapタブ。私は現在、ブートストラッププロジェクト(http://twitter.github.com/bootstrap/javascript.html#tabs)で提供されているサンプルコードを使用して試してみましたが、いくつかの調整を行っていますが、ロード時に '未定義関数ではありません。ブートストラップ: '未定義のタイプエラーは関数ではありません'/'ブートストラップタブを使用する場合、メソッド'タブ 'はありません

JSファイルは適切な順序(jQuery、libs/bootstrap/*、my script.jsファイル/ htmlに混在したスクリプト)、標準のjQueryコマンド(hideなど) noConflict()オプションに関連しているように見えます。

他に何を確認する必要がありますか?

+0

あなたはどのバージョンのRailsを使用していますか? – lucapette

+0

どのバージョンのブートストラップを使用しようとしていますか? – periklis

+0

@lucapette:3.1.2 –

答えて

33

私は実際に私が間違っていることを解決することができました(それは私のせいでした)。

私はpre-jQuery Railsの使用に慣れています。そのため、Bootstrap JSファイルを含めたとき、それらにバンドルされているjQueryのバージョンを含めて問題が発生するとは思っていませんでしたが、すべてが完璧に動作し始めました。

レッスンでは、JSファイルが読み込まれ、競合がないかどうかを確認するトリプルチェックを行いました。

+0

同上、同様の問題があり、古いJSファイルが含まれていることが判明しました。 –

+0

エラーが説明的であれば助けになるだろうが、それはSOのためだと思います:) –

+2

jQuery 1.6.2からjQuery 1.7.2へのアップグレードは私のためにソートされました。 –

18

あなたは、最新のjqueryのを使用してしていることを確認し、問題は、私はこのコードでこの問題会っ

を解く:

<script src="/scripts/plugins/jquery/jquery-1.7.2.min.js"> </script> 
<script src="/scripts/plugins/bootstrap/js/bootstrap.js"></script> 
:このへの変更をした後

<script src="/scripts/plugins/jquery/jquery-1.6.2.min.js"> </script> 
<script src="/scripts/plugins/bootstrap/js/bootstrap.js"></script> 

正常に動作します

+0

jQuery 1.6.2でブートストラッププラグインを使用する方法はありませんか?私たちはプロジェクトでjQueryをたくさん使いました。1.7.2へのアップグレードは、次のリリースまでそれをアップグレードしたくないので、いくつかのものを壊しています。しかし、我々はプラグイン(TypeaheadとTooltips)のいくつかを私たちのアプリケーションに含めることを望みます。 jQuery 1.6.2でそれらを使用する方法はありますか?jQueryの古いバージョンで動作する同等のものを作成した人がいるかどうか。 –

+0

これは私の問題を解決しました。 – arjuncc

+0

私の問題を解決しました – Rakeshyadvanshi

3

おそらくあなたがjquery.jsbootstrap.jsが含まれている場合にブートストラップがたくさん使うとjQuery 1.7 http://api.jquery.com/on/

76

でこれを挿入されたことをイベント「オン」の使用も発生する可能性があります。

他にも同じような問題があるかもしれません。

jQueryの前に、bootstrapが含まれています。

+0

ラインをスワップして完全に動作しました:)ありがとう – Terry

+1

私のためには動作しません '//lib/jquery-2.1.0.minが必要 // lib/bootstrap.min'が必要です – WebQube

0

最新のjQueryライブラリを使用して試すことができます。私も同じ問題があります。以前はjQuery-1.4.2.minを使用していましたが、エラーが発生しました。その後、私はバージョン1.9.1を使いました。ありがとう

関連する問題