WordPress 3.6 では Jquery UI のバージョンアップによりタブ表示等に影響が出る場合がありますよー

WordPress3.6 がリリースされたのでローカル環境をさっそくバージョンアップしてみました

すると先日作った GA-PVcounter プラグインで、タブ切り替えに連動していたチャートの書き換えができなくなってしまいました (^_^;)

GA-PVcounter プラグインもこの変更を含め、いくつかバグ修正して Version 0.2.0 を作成しました

GA-PVcounter からダウンロード出来るようになっています

 

jQuery UI 1.10

原因を調べてみると jQuery UI が Version 1.10 に上がった影響のようです

具体的には、 JQuery tabs でタブを選択した時に select イベントが発生しない という問題です

http://api.jqueryui.com/tabs/ サイトで確認してみるとイベント等ががらっと変化しています
動かないはずです

ということで、さっそく対応して見ました
ただし、古い処理も残しておかないと 今度は WordPress 3.5 で動作しなくなってしまうので、古いイベントと新しいイベントの両方を併記しておきました

こういうやり方でも問題ないですよね
皆さんはどういう形で対応しているのでしょうか?

とりあえず、こんなコードです

    jQuery( '.ga-pvc-widget-tabs' ) . tabs({
        //iquery 1.8
        select: function(event, ui){
            var idtag = jQuery(this).parent().attr("id") + '-chart';
            ga_pvc_drawChart(ga_pvc_title[ui.index],  ga_pvc_data[ui.index],  idtag);
        }, 
        //jquery 1.10
        activate:  function(event, ui){
            var idtag = jQuery(this).parent().attr("id") + '-chart';
            ga_pvc_drawChart(ga_pvc_title[ui.newTab.index()],  ga_pvc_data[ui.newTab.index()],  idtag);
        }
    });

古いバージョン用の select イベントと 新しいバージョン用に activate イベントを併記しています

関連コンテンツ


まとめ記事紹介

search star user home refresh tag chevron-left chevron-right exclamation-triangle calendar comment folder thumb-tack navicon angle-double-up angle-double-down angle-up angle-down quote-left googleplus facebook instagram twitter rss