アメブロでjQueryを使うとき。 | 名古屋で動画とWEBを創るMyChubuさんのブログ

名古屋で動画とWEBを創るMyChubuさんのブログ

動画の撮影・編集とウェブコンテンツの制作をやっています。ウェブとブログと動画とソーシャルメディアの連携で最強のウェブ系営業ツールの構築を目指します。

こんにちは。
ネットメディアワークスの竹市です。

ホームページ制作で、凝った動きをつけるときに使われるjQueryというJavaScriptのライブラリがあります。jQueryを使うとJavaScriptをイチから作らなくても良いので、使っているサイトも多いですね。

$名古屋で動画とWEBを創るMyChubuさんのブログ-jquery


アメブロをカスタマイズするときにも、他のウェブサイトのようにシュッとかサーッとか動いたり、にゅるにゅるっとなめらかに動いたりしたい。
アメブロにも、jQueryが読み込まれているのですが、バージョンが古いようで、思ったように動いてくれないことが多いです。
フリープラグインで、最新のjQueryライブラリを読み込んでも、ブログ末尾に書いてある設定で、強制的にデフォルトのバージョンに戻されてしまうようです。

戻されないためには、フリープラグインの先頭に以下のように記述すればOKのようです。

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load('jquery', '1.6.2');</script>
<script type="text/javascript">(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script>


この3行の後にjQueryを使ったJavaScriptを記述すれば、動くようになります。(保証はしませんが)
いわゆる「おまじない」のようなもので、この記述によってブログ上の変化ありません。
3行目は、古いバージョンの戻されないための記述です。
1.6.2のところは、jQueryのバージョンなので、新しいバージョンを使いたい時は適宜変更してください。

アメブロのカスタマイズ、承っております。