jQuery.noConflict（）でブートストラップ3.0プラグインを使用する方法はありますか？ - javascript、jquery、twitter-bootstrap、twitter-bootstrap-3

現在、私たちのページには2つの異なるバージョンのjQuery、1.4.2と1.10.1がロードされています。 $およびwindow.jQueryオブジェクトは現在1.4.2を指しています。

$ 1.10.1でnoConflict（）を使用して$ jq1に設定しています。

var $jq1 = jQuery.noConflict(true);

Bootstrap 3.0プラグインに$やwindow.jQueryの代わりに$ jq1を自動的に使用させる方法はありますか？

回答：

回答№1の21

jQueryバージョン1.10.1をロードした直後にブートストラップJSをロードしてから、jQueryを競合モードにしなくてもうまくいきます。

例えば。：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- Load any Bootsrap JS files before calling jQuery.noConflict()  -->
<script src="bootstrap.js"></script>
<script>
// Put jQuery 1.10.2 into noConflict mode.
var $jq1 = jQuery.noConflict(true);
</script>

<!-- This can be before or after the above -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

jQuery.noConflict(true) 両方を再割り当てします $ そして jQuery 以前の値にするので、バージョン1.4.2が最初にロードされるかどうかは関係ありません。

ただし、ユーザーがjQueryを2回ダウンロードすることになるので、使用するかどうかを覚えておく必要があります。 $jq1 または $ jQueryで何かをするとき。

---

回答№2の場合は1

私はユーザー "ajpiano"がで提供したという説明が好きでした https://forum.jquery.com/topic/multiple-versions-of-jquery-on-the-same-page：

<script src="jquery-1.3.2.js"></script>
<script>
var jq132 = jQuery.noConflict();
</script>
<script src="jquery-1.4.2.js"></script>
<script>
var jq142 = jQuery.noConflict();
</script>

---

回答№3の場合は0

最初に古いバージョンのJqueryをロードします。

それからあなたのBoostrap js、css everthingはここに行きます。 最後にこれを追加してください。

<script type="text/javascript">
var $versionNumberJ1 = jQuery.noConflict(true);
</script>

それなら、こんな感じで使ってください。

<script>
$versionNumberJ1 ( function() {
$versionNumberJ1 ( "#tabsModal" ).tabs();
} );
</script>

---