jQueryとAngularJSが連携していません

Question

私はRequireJSとAngularを使用していますが、私のセットアップでは連携していません。 jQueryのバージョンが1.7.2の場合は問題ありません。しかし、私はjQuery 1.8.1とjQuery UIを使いたいと思っていました。角度アプリでもこれで私のメインモジュールを初期化できませんでした。ここで

は問題です：

大文字と小文字を区別する変数：jQueryとjQueryの。 jquery 1.8.1のソースコードでは、最後にwindow.jQueryを定義しています。以前のバージョン1.7.2ではwindow.jqueryが定義されていました。

jquery-UI-1.8.23.custom.min.jsファイルが含まれていますので、私のアプリケーションでjQuery UIを使いたいと思っています。それを含めた後、私は "jQuery"が定義されていないというエラーを受け取りました。

私はjQueryバージョンをアップグレードし、1.8.1バージョンをダウンロードしました。 jQueryのソースコードの終わりに向かって、このバージョンではwindow.jQuery（jQuery UIで必要に応じて正しい場合）が定義されていることがわかりました。

私のrequire-jquery JSをJames Burke githubプロジェクトの最新バージョンで更新し、jquery 1.8.1で更新しました。

しかし、更新されたjQuery/RequireJSプロジェクトを含めて、angularjsは動作を停止しました。

私はクロームコンソールでこのエラーを取得：

私は1.7.2角度作品に戻す場合。または、jQueryファイルを編集してwindow.jQueryの代わりにwindow.jQueryを定義すると（ケースに注意してください）、再び動作します。しかし、これはjQueryのUIがそうでないことを意味します。

Answer 1

$とjQueryをグローバル変数にしたjQueryソースから行を削除してこの解決策を修正しました。この行はwindow.jQuery = window.$ = jQueryのようになります。

RequireJSでAngularJSを使用していて、同様の問題が発生している場合は、これらの行を削除してください。

さらに、プロジェクトでjqueryui-amdを使用する必要があります。 Githubページからユーティリティをダウンロードすると、jQuery UIスクリプトがAMDモジュールに変換されます。

HTML要素を拡張するために '指示文'と呼ばれるAngularJS機能を使用することで、jQuery UIコンポーネントを再利用可能かつ正常に使用することができました。

私はプロジェクトで作業中にAngularJSを憎んだり、愛したりしたことがありますが、時にはTwitterのみんなにAngularJSが嫌いだと知らせることさえできます。しかし、先月2つのプロジェクトを実装して終了した後は、いつ使用するのか、使用しないのかについてはかなり良いアイデアがあります。

http://jsfiddle.net/samunplugged/gMyfE/2/

Answer 2

jQueryのnoConflictメソッドを使用してこの問題に、よりエレガントかつ将来性のソリューションです：

は、ここで私はAngularJSでのjQuery UIの使用を示すために作成した1 jsFiddleです。

インクルードしようと私の二日間試した後

<script> 
$.noConflict(); 
jQuery(document).ready(function($) { 
    // Code that uses jQuery's $ can follow here. 
}); 
// Code that uses other library's $ can follow here. 
</script> 

Answer 3

はこれを簡単に固定。..

：http://api.jquery.com/jQuery.noConflict/

UPDATE（リンクの例）に

ビュー豊富なドキュメント特定のSlider Jqueryファイルをview.htmlに直接コピーします。 index.htmlファイルからjqueryを削除してください