web-dev-qa-db-ja.com

Bootstrap： 'TypeError undefined is a not function' / 'has method' tab '' when using bootstrap-tabs

現時点では小さなサイトを構築していますが、InitialzrのBootstrapの一部、特にタブを使用したいと考えていました。私は現在Bootstrapプロジェクト（http://Twitter.github.com/bootstrap/javascript.html#tabs）で提供されているサンプルコードを使用してみましたが、いくつかの調整を行いましたが、「undefined is notロード時に機能します。

JSファイルは正しい順序（jQuery、libs/bootstrap/*、私のscript.jsファイル/ htmlに混合されたスクリプト）でプリロードされ、標準のjQueryコマンド（非表示など）はすべて正常に動作するため、正しく表示されませんnoConflict（）オプションに関連します。

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

javascriptjqueryruby-on-railstwitter-bootstrap
53
Nicholas Smith

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

JQuery以前のRailsを使用するのに慣れているので、Bootstrap JSファイルをインクルードしたとき、jQueryのバージョンが含まれていると問題が発生するとは思いませんでしたが、 1つのJSファイルを削除すると、すべてが完全に機能し始めました。

学習したレッスン、どのJSファイルがロードされているかをトリプルチェックし、競合がないか確認します。

35
Nicholas Smith

これは、bootstrap.js 前 jquery.js。

他の人も同じ問題を抱えているかもしれません。

jQueryの前にbootstrapを含めます。

80
Alan Whitelaw

最新のjqueryを使用であり、問​​題が解決していることを確認してください

私はこのコードでこの問題に遭遇しました：

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

これに変更した後：

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

うまくいく

18
Johnny Zhao

おそらく、Bootstrap use a lotでjQuery 1.7に挿入された "on"イベントの使用です http://api.jquery.com/on/

3
Alexandre Magno Teles Zimerer

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

0
user1996803