prototype.js と jQuery の競合

　Rails で Ajax を使うようになってきた。
　Rails の既存のアプリに Ajax リクエストのコーディングを追加したら、リクエストが実行されずに JavaScript のソースコードがブラウザに表示されるという現象が発生。いろいろ調べてみたら、prototype.js と jQuery を一緒に使っていたことが原因だった。

　ここ にあるように、jQuery.noConflict(); という関数を実行してあげ、これまで jQuery を使っていた箇所では、たとえば、以下のように書き換えてあげればOK。

Before:

jQuery (function ($) { $(".time_entry").timeEntry({spinnerImage: '', show24Hours: true}); } );

After:

jQuery (function (jQuery) { jQuery(".time_entry").timeEntry({spinnerImage: '', show24Hours: true}); } );

　$ を jQuery に置き換えるということ。