AJAX - 『$』が衝突している場合の対処法

prototype.jsとjQueryで使われている「$関数」(jQueryでは$ショートカット)が衝突する問題についての回避策が紹介されていたので念のため。

原因が分からない不具合があるなら、これが当てはまるかもしれない。



読み込む順番
  1. prototype.js
  2. jquery.js


case1.
<script type="text/javascript">
  jQuery.noConflict();

  //jQuery
  jQuery("div").css("color","gold");
</script>


case2.
<script type="text/javascript">
  $j=jQuery.noConflict();

  //jQuery
  $j("div").css("color","silver");
</script>


いろいろなサイトを閲覧していると私的感覚ですが、かなりの頻度で不具合を目にする。
それがブラウザの問題か、Ajax関連によるものか、原因自体を把握するのが難しいと感じる。

例えばJavaScriptを読み込む順番を間違えても動作しなくなるが、こういった初歩的なミスなら気付くのも容易だが、上記のような問題となるとWeb屋でもない私が対処の仕方にたどり着くまで容易ではなかった。

以上、参考までに

0 Comments:

Recent Posts