この記事は最後に更新してから1年以上経過しています。
説明
WordPressの更新が遅れていたサイトを少し前に更新したところ、jQuery UI sortableを使って拡張したページに不具合が発生しました。WordPressの更新に伴って内部のjQuery UIが更新されたことに起因すると思われ、これを機にWordPressとそれに組み込まれたJavaScriptライブラリのバージョンを確認してみました。
調べたのはWordPress 3.0から最新版（4.1.1 4.8.0）で、jQuery、jQuery UI、TinyMCEそれぞれのバージョンを対象にしました。以下に示した内容は、それぞれのソースコードに記載されたバージョン情報です（青字はWordPressのバージョンアップに伴ってバージョンアップしたところ）。
| WordPress | jQuery | jQuery UI | TinyMCE |
|---|---|---|---|
| WordPress | jQuery | jQuery UI | TinyMCE |
| 3.0 | 1.4.2 | 1.7.3 | 3.2.7 |
| 3.0.1 | 1.4.2 | 1.7.3 | 3.2.7 |
| 3.0.2 | 1.4.2 | 1.7.3 | 3.2.7 |
| 3.0.5 | 1.4.2 | 1.7.3 | 3.2.7 |
| 3.1 | 1.4.4 | 1.8.9 | --- |
| 3.1.1 | 1.4.4 | 1.8.9 | 3.3.9.3 |
| 3.1.2 | 1.4.4 | 1.8.9 | 3.3.9.3 |
| 3.1.3 | 1.4.4 | 1.8.9 | 3.3.9.3 |
| 3.1.4 | 1.4.4 | 1.8.9 | 3.3.9.3 |
| 3.2 | 1.6.1 | 1.8.12 | 3.4.2 |
| 3.2.1 | 1.6.1 | 1.8.12 | 3.4.2 |
| 3.3 | 1.7.1 | 1.8.16 | 3.4.5 |
| 3.3.1 | 1.7.1 | 1.8.16 | 3.4.5 |
| 3.3.2 | 1.7.1 | 1.8.16 | 3.4.5 |
| 3.4 | 1.7.2 | 1.8.20 | 3.4.9 |
| 3.4.1 | 1.7.2 | 1.8.20 | 3.4.9 |
| 3.4.2 | 1.7.2 | 1.8.20 | 3.4.9 |
| 3.5 | 1.8.3 | 1.9.2 | 3.5.6 |
| 3.5.1 | 1.8.3 | 1.9.2 | 3.5.8-wp |
| 3.5.2 | 1.8.3 | 1.9.2 | 3.5.8-wp2 |
| 3.6 | 1.10.2 | 1.10.3 | 3.5.8-wp2 |
| 3.6.1 | 1.10.2 | 1.10.3 | 3.5.8-wp2 |
| 3.7 | 1.10.2 | 1.10.3 | 3.5.9 |
| 3.7.1 | 1.10.2 | 1.10.3 | 3.5.9 |
| 3.8 | 1.10.2 | 1.10.3 | 3.5.9 |
| 3.8.1 | 1.10.2 | 1.10.3 | 3.5.9 |
| 3.8.2 | 1.10.2 | 1.10.3 | 3.5.9 |
| 3.9 | 1.11.0 | 1.10.4 | 4.0.21.1 |
| 3.9.1 | 1.11.0 | 1.10.4 | 4.0.21.1 |
| 3.9.2 | 1.11.0 | 1.10.4 | 4.0.21.1 |
| 4.0 | 1.11.1 | 1.10.4 | 4.1.4 |
| 4.0.1 | 1.11.1 | 1.10.4 | 4.1.4 |
| 4.1 | 1.11.1 | 1.11.2 | 4.1.7 |
| 4.1.1 | 1.11.1 | 1.11.2 | 4.1.7 |
| 4.1.2 | 1.11.1 | 1.11.2 | 4.1.7 |
| 4.1.3 | 1.11.1 | 1.11.2 | 4.1.7 |
| 4.1.4 | 1.11.1 | 1.11.2 | 4.1.7 |
| 4.1.5 | 1.11.1 | 1.11.2 | 4.1.7 |
| 4.1.6 | 1.11.1 | 1.11.2 | 4.1.7 |
| 4.1.7 | 1.11.1 | 1.11.2 | 4.1.7 |
| 4.2 | 1.11.2 | 1.11.4 | 4.1.9 |
| 4.2.1 | 1.11.2 | 1.11.4 | 4.1.9 |
| 4.2.2 | 1.11.2 | 1.11.4 | 4.1.9 |
| 4.2.3 | 1.11.2 | 1.11.4 | 4.1.9 |
| 4.2.4 | 1.11.2 | 1.11.4 | 4.1.9 |
| 4.3 | 1.11.3 | 1.11.4 | 4.2.3 |
| 4.3.1 | 1.11.3 | 1.11.4 | 4.2.5 |
| 4.4.0 | 1.11.3 | 1.11.4 | 4.2.8 |
| 4.4.1 | 1.11.3 | 1.11.4 | 4.2.8 |
| 4.4.2 | 1.11.3 | 1.11.4 | 4.2.8 |
| 4.4.3 | 1.11.3 | 1.11.4 | 4.2.8 |
| 4.5.0 | 1.12.3 | 1.11.4 | 4.3.8 |
| 4.5.1 | 1.12.3 | 1.11.4 | 4.3.10 |
| 4.5.2 | 1.12.3 | 1.11.4 | 4.3.10 |
| 4.5.3 | 1.12.4 | 1.11.4 | 4.3.10 |
| 4.6.0 | 1.12.4 | 1.11.4 | 4.4.1 |
| 4.6.1 | 1.12.4 | 1.11.4 | 4.4.1 |
| 4.7.0 | 1.12.4 | 1.11.4 | 4.4.3 |
| 4.7.1 | 1.12.4 | 1.11.4 | 4.4.3 |
| 4.7.2 | 1.12.4 | 1.11.4 | 4.4.3 |
| 4.7.3 | 1.12.4 | 1.11.4 | 4.4.3 |
| 4.7.4 | 1.12.4 | 1.11.4 | 4.5.6 |
| 4.7.5 | 1.12.4 | 1.11.4 | 4.5.6 |
| 4.8.0 | 1.12.4 | 1.11.4 | 4.6.3 |
※WordPress 3.1のTinyMCEのバージョン情報は、ソースコードの該当箇所が'@@'になっていたため'---'としています。
こうやって見比べると、WordPressのメジャーアップデート時はJavaScript関連のチェックを必ず行うようにし、古いバージョンのWordPressを一気にアップデートする際はより注意が必要なことがわかります。
挙動がおかしかった原因
さて挙動がおかしかったのは、sortableのマウスオーバー時の処理部分でした。以下はその抜粋です。
$( '.drag-drop' ).sortable( {
over: function ( event, ui ) {
$(this).find( '.ui-state-highlight' ).show();
if ( $(this).attr( 'id' ) != ui.sender.attr( 'id' ) && ui.sender.find( 'li' ).length == 1 && ui.sender.find( 'li.ui-state-placeholder' ).length == 0 )
ui.sender.append( '<li class="ui-state-placeholder"> </li>' );
else
$(this).find( '.ui-state-placeholder' ).hide();
},
上記のif文でui.senderのattrメソッドを呼び出しているのですが、WordPress 4.1.1でドラッグ操作を行うと、エラー（Chromeのエラー表示は「Cannot read property 'attr' of null」）となっていました。uiパラメータの内容をログ出力すると、エラー時にはui.senderがnullとなっていました。このエラーの対処としてui.senderがnullの場合は何も処理しないように変更。これにより、おかしな挙動はなくなりました。
本件はレアケースかもしれませんが、メモ書きとして残しておきます。
最終更新 : 2018年05月27日 10:46
お勧め
add_shortcode（2018年5月27日 更新）
void add_shortcode( string $tag, mixed $func )
ショートコード（独自タグ）を追加する。ショートコードは、投稿記事内でテキスト内容がない[tag]や、テキストを内包する[tag]テキスト[/tag]の書式で使用できる独自タグのこと。標準の状態では、 the_content関数によって表示する直前のフィルター処理内でパラメータ$funcで指定した関数・メソッドが実行される。
get_user_setting（2022年1月31日 更新）
mixed get_user_setting( string $name [ , string $default = false ] )
ユーザーインターフェイス設定を取得する。
have_posts（2018年5月27日 更新）
bool have_posts( )
次の投稿データが存在するかを調べる。
in_category（2018年5月27日 更新）
bool in_category( mixed $category [ , mixed $post = null ] )
投稿情報が指定したカテゴリーに属しているか調べる。
add_feed（2024年6月24日 更新）
string add_feed( string $feedname, callable $callback )
フィードを追加する。