「Google AJAX Libraries API」でjQuery UI等がうまく動作しない場合の対処法
前に紹介した人気Ajaxライブラリ群を手軽に使える「Google AJAX Libraries API」ですが、このAPIを使ってjQuery UIなんかの動作テストしていたのですがどうにもうまく動作しない現象が。
ドラッグ＆ドロップを実現する「droppable()」の指定で、オブジェクトをドラッグしたときにドロップ先のオブジェクトのCSSを書き換える「activeClass」と「hoverClass」のオプションを指定しているのに動作しないという現象がありました。
何度も設定やソースを見直しても問題が見当たらず...。
いろいろ試行錯誤した結果、「Google AJAX Libraries API」でしたAjaxライブラリのバージョン指定がイマイチだったようですw
ワイルドカード機能をガッチリ使う
「Google AJAX Libraries API」で読み込むライブラリの指定を行うのですが、ここでjQuery UIを呼び出す場合<script type="text/javascript">
google.load("jquery", "1.3.1");
google.load("jqueryui", "1.5.3");
</script>という風にバージョン指定をするワケですが、折角なんでワイルドカード機能を使ってバグフィックスバージョンを自動アップデートする様に指定。
<script type="text/javascript">
google.load("jquery", "1.3");
google.load("jqueryui", "1.5");
</script>と指定して満足しておりました。ところがうまく動作しなかった原因がどうもこのバージョン指定にあったようです。
試しにワイルドカードを極端に設定し直して動作テスト。
<script type="text/javascript">
google.load("jquery", "1");
google.load("jqueryui", "1");
</script>う...動いた！！
「Google AJAX Libraries API」の対応ライブラリ一覧に掲載されているバージョンにしか対応していないもんだと思っていたのですがどうも違うようです。
勝手な思い込みってコワイですね...。