view送るWordPressでjQueryコードが動かない人へこんにちは。代表曰く「ラーメンブログとなりつつある現況を打破してほしい」ということで、唐突ではありますがWeb(WordPress×jQuery)のお話をしたいと思います。濃厚コク塩ワンタン麺です。});});1行目・5行目がアウト!!※1行目は「wp_head()」でjQueryが既にコールされている場合アウトです。分からなければそのまま進みましょう。});});5行目のようなjQuery関数の書き出しに関して、「うちのとは書き方違う!」という方。大丈夫です、以下をご覧ください。実行タイミング:script読み込み時})(jQuery);</script>上3つは意味が同じ書き方(7・12行目が2行目の省略形)。「$」を「jQuery」に変更し、「function()」を「function($)」にします。下1つは「function()」を「function($)」に、最後の「()」を「(jQuery)」にします。方、直りましたか?そうでしょうそうでしょう。えっダメ?jQueryコードを「wp_head()」の後にきちんと記述していますか?「wp_head()」の中でjQueryライブラリがコールされていることがほとんどです。その後にjQueryコードを記述しないと動作しません。jQueryライブラリが呼ばれてない?よーし「header.php」に「wp_enqueue_script(“jquery”)」を追加だ。?>まだダメ?jQueryプラグインコードを直接記述ではなくファイル読み込みで使っている?ではそのコードファイルを編集して以下のように全体を囲みましょう。//追加して!禁断のおまじないです。え?それでも動かない?そもそも何言ってるかわからない?もう諦めてこの後の解説をお読み下さい。当てはまる方はプラグインコードの書き出しを全て先ほどのものに統一した上で複数追加していたjQueryライブラリを削除してみましょう。WordPressで標準出力されているjQueryライブラリでほぼ動きます。出力されていない?よーし「header.php」に「wp_enqueue_script(“jquery”)」を追加だ。?>プラグインコードによってはバージョンの関係でどうしても動作しないというものもありますが、98%は書き出しのミスが動かない原因です。よそのホスト(Google等)のファイルを読み込んで使っている場合には、諦めましょう。何とかする方法もなくはないですが、ここは一旦諦めてこの後の解説をお読み下さい。ケースはそれほど多くないと思いますが、prototype.jsで「$」のコンフリクト(衝突)が発生した場合jQueryが死にます。先ほどの書き出し統一でjQuery側のコンフリクトを回避することはできます。場合によってはprototype.js側でもコンフリクト回避の記述が必要ですが、後はがんばってください。方、動悸がすごいことになってますよ。