jQueryとプロトタイプ - コリジョンが原因で機能が無効になる

Question

クライアントのページを再構築しています。このページで実装したjQueryコードに問題があります。
ページが読み込まれたときに表示されるPrototypeを使用するポップアップライトボックスがあります。そこには、jQueryを使用する右上にマーキー/スクロールが配置されています。私は本当にエラーの原因を確かめています。
私はjQueryのnoConflictについてよく知っていますが、このページではすべてのバリエーションを試してみましたが、数秒後にマーキーが停止してエラーが表示され、IEでは "Errors on page"ライン464（「アレイの長さは有限の正数を割り当てなければならない」）を参照する。ここ
ページです。ここですauthor-
によって除去-link prototype.jsのです。私は、このエラーの原因を全く見当がつかないとJavaScriptが私の最強の側ではないですauthor-


によって除去-Link 。

Answer 1

私が最初にこのエラーを見て始めたとき、私が扱っていた正確な問題に固有の解決策を探していたはずの、より一般的な "Prototype + jQuery"
用語「配列の長さ」と「464の行を追加」は、実際にこの特定の問題に対する解決策に私を導いた、そしてここにある：

1. はv1.5.1.2にプロトタイプV1.4から更新します（ v1.7、最新リリース、 は正しく動作せず、スタックオーバーフローエラーも発生しました。

2. は、スクリプトの順序の周りに変更し、noConflictを変更：

   <script src="/scripts/jquery-1.5.2.js" type="text/javascript"></script> 
   <script src="/scripts/jquery.Scroller-1.0.src_4.js" type="text/javascript"></script><!-- all _$_'s replaced with _jQuery_ --> 
   <script type="text/javascript"> 
   <!-- 
   // more jquery, all $'s replaced with jQuery 
   --> 
   </script> 
   <script type="text/javascript"> 
   <!-- 
   jQuery.noConflict(); 
   --> 
   </script>  
   <script src="scripts/prototype-1.5.1.2.js" type="text/javascript"></script> 
   <script type="text/javascript"> 
   <!-- 
   // everything else, including prototype scripts 
   --> 
   </script> 
   

そして、それはそれです！今私は "行464"エラーを取得しないと、すべてのスクリプトが正常に動作します。 @Kenと@Diodeusありがとうございました。

Answer 2

同じライブラリにプラグインがあります。 jQueryにはあなたが言及したすべてのプラグインがあるので、両方を使用する必要はありません。これらの2つのライブラリは、協力し合うのが難しい場合があります。

あなたが両方のライブラリを使用して設定している場合は、この順序付けてみてください：
1）は、他の）
2 libにjqueryの
3）
4を呼び出すnoconflict）すべてのプラグイン

<script src="scripts/prototype.js" type="text/javascript"></script> 
<script src="/scripts/jquery-1.5.2.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
<!-- 
    $.noConflict(); 
--> 
</script> 
<script src="/scripts/jquery.Scroller-1.0.src_3.js" type="text/javascript"></script> 
<script src="scripts/lightbox.js" type="text/javascript"></script> 

Answer 3

あなたは可能プラグインを経由し、$(をjQuery(に置き換える必要があります。これは、競合モードではなく、 "$ ..."の代わりに "jQuery ..."を使用する必要があるためです。

Answer 4

サラウンド

(function ($) { 
... // Your code 
})(jQuery) 

のみjQueryととjQueryにバインドされている、それは地元の$を使用しています。この方法ではjQueryを使用するコード。

また、両方のフレームワークを同じWebサイトで使用することは悪い考えです。ほとんどすべてのPrototypeプラグインのjQueryの置き換えを見つけることができます。