はじめに
ああ、わかってる。みなまで言うな。
2020年にもなってなんでお前はjQueryとか言ってるのだってことでしょ。
ぼくだって別にすき好んで話題にしたかったわけじゃないんですよ。
だってほら、流行の最先端をキャッチアップしてるイケてるフロントエンドエンジニアみたいに見られたいじゃないですか、やっぱり。
それに、はてなブログってのもなんかちょっと……。いまどきはnoteですよね。noteムーじゃなくてnoteコムでしょ。ぼくだって知ってますよそのくらい。
でもね、でもね、人には事情ってものがあったりなかったりするんですよ。
だから、まあ、ちょっと落ち着いて話を聞いてみてはくれませんか。
そのね、事情って言うのがさ、むかーしむかし、そうまだjQueryが最先端でかっこよくてプラグインもいっぱい出ちゃったりなんかしちゃったりして、そういうのを使ってブログを書いてたわけなんですよ。
でね、でね。そのブログが今見られなくなっちゃったりなんかしちゃったりして。
やっぱり、ほら、昔に書いたどんなささいなものでも、当時の空気感を味わうためにインターネットのアーカイブとして残しておいた方がいいんじゃないかな、なんてそんな風に思ったり思わなかったりしたわけですよ。わかりました？わかりませんよね。いいんです、理解されなくても、自分のためにやることですから。
プラグインが普通に使えない理由
はてなブログでは、そのままでもjQueryを読み込んでいます。
ただ、読み込みタイミングが曲者で、記事を表示し終わった後で読み込まれます。
そのため、記事の先頭でプラグインを読み込もうとしてもjQuery本体がないので読み込めません。
それならばと、記事の先頭ではjQueryを自前で読み込んで続いてプラグインを読み込んで適用しても、後から読み込まれるjQueryで上書きされるためプラグインは適用されていない状態になってしまいます。
解決方法
- 記事中またはヘッダでjQueryとプラグインを読み込む
- jQueryを示す\$変数を$2変数などに渡してキープしておく
- 記事中のJavaScriptでは$2変数を使用する
これで、10年前のブログも未来に残せますね。