ホームページ >ウェブフロントエンド >jsチュートリアル >1 つの Web ページで複数の jQuery バージョンを使用する場合の競合を回避するにはどうすればよいですか?
単一ページ上の jQuery の複数のインスタンス
jQuery などのサードパーティ ライブラリを Web ページに統合する場合、開発者はよく次のような懸念に遭遇します。複数のバージョンが共存します。このジレンマは、古い jQuery バージョンが組み込まれている可能性のある外部ソースからコード スニペットを顧客が挿入したときに発生します。
衝突の問題
顧客の既存の jQuery バージョンが古い場合、衝突する可能性があります。新しい機能に依存するコードの機能を妨げます。競合を防ぐには、他のインスタンスに影響を与えずに最新バージョンの jQuery がロードされるようにすることが重要です。
jQuery の NoConflict モード
幸いなことに、jQuery はその解決策を提供します。 「競合なし」モード。この機能により、開発者は干渉することなく、同じページに複数の jQuery バージョンを読み込むことができます。 $.noConflict(true) を呼び出すと、グローバル jQuery 変数が jQuery_x_x_x という名前のインスタンスにエイリアスされ、他のバージョンとの競合が防止されます。
コード例
この例を検討してください。ここで、jQuery 1.1.3 および 1.3.2 はused:
<!-- Load jQuery 1.1.3 --> <script type="text/javascript" src="http://example.com/jquery-1.1.3.js"></script> <script type="text/javascript"> var jQuery_1_1_3 = $.noConflict(true); </script> <!-- Load jQuery 1.3.2 --> <script type="text/javascript" src="http://example.com/jquery-1.3.2.js"></script> <script type="text/javascript"> var jQuery_1_3_2 = $.noConflict(true); </script>
$('#selector').function(); を使用する代わりに、各 jQuery バージョンで、開発者は jQuery_1_3_2('#selector').function(); を使用できます。
結論
jQuery の noConflict モードを利用することで、開発者は次のことができます。複数のバージョンの jQuery を 1 つのページにシームレスにロードし、競合を防止し、依存するすべてのコードの適切な機能を確保します。 jQuery.
以上が1 つの Web ページで複数の jQuery バージョンを使用する場合の競合を回避するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。