Jquery と Prototype_prototype の混合使用の比較-jsチュートリアル-php.cn

Jquery と Prototype_prototype の混合使用の比較

WBOY

リリース： 2016-05-16 19:00:58

オリジナル

1228 人が閲覧しました

しかし、ここで問題が発生します。jQuery とプロトタイプの両方がドル記号関数 "$" をセレクターとして使用するため、この 2 つが混在すると $ 関数が再定義され、その結果、フレームワークの 1 つが使用できなくなります。

しかし、すぐに多くの人が解決策を思いつきました。たとえば、より一般的な解決策は次のとおりです。

コードをコピーコードは次のとおりです。

 ; スクリプト type="text/javascript"> 
JQ = $; 

このメソッドは競合を解決しますが、しかし、jQuery の熱烈な愛好家として、$ を JQ または他の代替文字として書き直すことには非常に抵抗があります。逆にプロトタイプファンもそう思うかも知れません。それでは、2 つのフレームワークが調和して共存できる別のソリューションはあるのでしょうか?今、ハーモニーが人気です！

別の解決策: まず、コードの小さな部分を見て、どのような効果があるかを推測してください。

[Ctrl A すべて選択注: 外部 Js を導入する必要がある場合は、それを更新してを実行する必要があります]

とてもシンプルなはずですよね？その結果、「helloworld」というウィンドウがポップアップ表示されます。このスクリプトをよく見てください。前後に 2 つの括弧があります。最初の括弧は関数オブジェクトで、2 番目の括弧は文字列です。関数は最初の括弧で定義され、2 番目の括弧で指定されたパラメーターが加算されて実際に関数呼び出しが完了することがわかります。
それでは、実際に見てみましょう:

コードをコピーしますコードは次のとおりです:

< ;/ div>

テスト後、jQuery と Prototpye は正常に動作します。過去と唯一異なるのは、前に作成した Jquery に追加のコートを追加する必要があることです:

コードをコピー

コードは次のとおりです:

(function($){ 
//ここに Jquery コードを書き込みます
})(jQuery); 
(function($){ 
//ここに Jquery コードを書き込みます}) (jQuery); 

このジャケットは、関数ローカル変数の有効スコープを巧みに使用して、元の方法で Jquery コードを安全に作成できるようにします。このソリューションは、既存の Jquery コードを Jquery にアップグレードするのに適しています。プロトタイプ。

欠点:

まだ Jquery プラグインの問題を解決できません。この問題は、プラグインスクリプト内の $ の呼び出しを手動で変更することしかできません。そして根本的な解決策は、使いやすさを確保するために、現時点では別の方法で将来のプラグインを作成することです。 Jquery UI はこれを行うようです。デモのソースコードからそれを確認しました。