web-dev-qa-db-ja.com

BootstrapのJavaScriptにはjQueryバージョン1.9.1以上が必要ですが、バージョン3よりも低い

はじめに

私はbootstrapフレームワークを使用しています。現在、「Bootstrap Tabs」（hide/show）を使用しています。bootstrapバージョン3およびjqueryバージョンを使用しています3.0.2何か。

問題

1.6より前のバージョンのjqueryをロードしない限り、タブは機能しませんが、1.6より前のjqueryでajaxを作成すると問題が発生します。 Chromeコンソールはこのエラーを表示します。

bootstrap.min.js：6不明なエラー：BootstrapのJavaScriptにはjQueryバージョン1.9.1以上が必要ですが、バージョン3よりも低い

さまざまなフォールバック手法を試しましたが、正しく実装できませんでした。

誰かが何かアイデアや参考があれば、私はここに2日間立ち往生しています。助けてください。あなたの時間をありがとう。

javascriptjquerytwitter-bootstrap-3
20
Suhail Mumtaz Awan

現在Bootstrap 3.xはここで報告されているjQuery 3.xをサポートしていません： https://github.com/twbs/bootstrap/issues/16834

この問題の原因は次のとおりです。

jQuery 3はjQuery 2よりも厳密です。XHTMLやHTMLに似ています。後方互換性は維持され、コードは混乱のように見えません。間違っていなければ、あなたがする必要があるのは、show（）およびhide（）関数を.css（ 'display'、 ''）またはaddClass（ 'hidden'）に置き換えて、alert.js（QUnit jQuery 3では$（ '＃'）が無効であるため、この行で失敗します3）

Bootstrap 3.3.7リリース： https://github.com/twbs/bootstrap/issues/16834#issuecomment-22503991

17
Irvin Dominin

Bootstrap（3.3.7）の最新の現在のバージョンは、開発者のコ​​メントごとにjQuery 3+をサポートするようになりました https://github.com/twbs/bootstrap/issues/16834 。

9
aleor

Bowerを使用してjavascriptパッケージを管理する場合、jquery 3.0を除外するには、jqueryのバージョンを次のように指定する必要があります。

"jquery": "^2.2"

あなたのbower.json。

bower.json of jquery-uiパッケージには次の行があります。

"jquery": ">=1.6"

そのため、BowerはjQueryの最新バージョンをインストールするため、問題が発生します。

JQuery 3.0は2016年6月9日にリリースされていることに注意してください。

4
Tsutomu

私の問題を解決したのは、実際にbootstrap.jsの前にjqueryの下位バージョンをロードし、次にbootstrap.jsの後にjqueryの上位バージョンをロードして競合を解決することです。上記は私の例です

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="~/App_Theme/bootstrap/js/bootstrap.min.js"></script>
<script>
    var $j = jQuery.noConflict();
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
    var $ = jQuery.noConflict();
</script>
4
Suhail Mumtaz Awan

私は同じ問題を抱えていて、Webページにjquery 1.8.2がありません。packages.configでjqueryのバージョンを変更することで問題を解決します。

変化する

  <package id="AspNet.ScriptManager.jQuery" version="1.8.2" targetFramework="net45" />
 <package id="jQuery" version="1.8.2" targetFramework="net45" />

に

<package id="AspNet.ScriptManager.jQuery" version="2.1.4" targetFramework="net45" />
 <package id="jQuery" version="2.1.4" targetFramework="net45" />

私のjqueryバージョンは2.1.4

2
Mohsen Abdollahi

だからBootstrapの新しいバージョンがありましたが、何らかの理由で、minバージョンはJQuery 3をサポートしない古いバージョンのままでした。minifiedbootstrap = JSは新しいBootstrap.jsを再ミニマ化し、デプロイし、問題はなくなりました。

2
Chad

私については、すべてがシンプルです。それはすべてキューリンクファイルについてです。このようなリンクを移動する必要があります。

<head>
     <script src="js/jquery1.9.1.js"></script>
     <script src="js/bootstrap.js"> </script>       
</head>

結局のところ-それは正常に動作しています。

2
Yuriy Ivanochko